@charset "UTF-8";
@import url("../webfonts/ASAP_Regular/stylesheet.css");

div.MessageBox {
	font-family: Asap, "Asap Bold";
	font-size: auto;
	font-style: auto;
	line-height: auto;
	font-weight: auto;
	color: #FFFFFF;
	background-color:transparent;
	margin-top: 0%;
	margin-bottom: 2%;
	margin-left: 0;
	padding: 2%;
	height: auto;
	width: 100%;
	border: 1px solid #CDA87F;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background-image:url(../Images/Grad_BG_70.png)
	
	}
@media screen and (max-width: 600px) {
  div.MessageBox {
    width: 100%;

  }
  

}
div.AboutCommentsList {
	
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	overflow:auto;
}
@media screen and (min-width: 601px) {
  div.AboutCommentsList {
	width: 100%;
	float: right;
	padding: 4%;
	height: 569px;
	
  }
}

@media screen and (max-width: 1000px) {
  div.AboutCommentsList {
    width: 48%;
	padding: 2%;
	height: 2818px;
	float: right;
	
  }
}
@media screen and (max-width: 600px) {
  div.AboutCommentsList {
    width: 100%;
	padding: 1%;
	height: 600px;
	display:none;
  }
  
}
div.RefinCommentsList {
	
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	overflow:auto;
}
@media screen and (min-width: 601px) {
  div.RefinCommentsList {
	width: 100%;
	float: right;
	padding: 4%;
	height: 512px;
	
  }
}

@media screen and (max-width: 1000px) {
  div.RefinCommentsList {
    width: 48%;
	padding: 2%;
	height: 1092px;
	float: right;
	
  }
}
@media screen and (max-width: 600px) {
  div.RefinCommentsList {
    width: 100%;
	padding: 1%;
	height: 600px;
	display:none;
	
  }
  
}
div.RefinImageWrapper2 {
	border: #FFFF00  solid 0px;
	}
@media screen and (min-width: 601px) {
    div.RefinImageWrapper2 {
	width: 40%;
	height: 0;
	padding-top: 45%;
	background-repeat: no-repeat;
	background-size:190%;
	margin: 2% 0% 0% 5%;
	

	 }
}
@media screen and (max-width: 1000px) {
    div.RefinImageWrapper2 {
	width: 100%;
	height: 0;
	padding-top: 125%;
	background-repeat: no-repeat;
	background-size: 185%;
	margin-left:1%;
		
  }
}
}
@media screen and (max-width: 600px) {
    div.RefinImageWrapper2 {
	width: 100%;
	height: 0;
	padding-top: 125%;
	background-repeat: no-repeat;
	background-size: 185%;
	margin-left:1%;
		
  }
}
div.VertImageList2 {
	background-image: none;
	background-size: 120%;
	background-repeat: repeat;
	width: 48%;
	height: 900px;
	float: left;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	
}
@media screen and (min-width: 601px) {
  div.VertImageList2 {
	width: 28%;
	float: right;
	clear: right;
	padding: 2%;
	display:none;
	
  }
}

@media screen and (max-width: 1000px) {
  div.VertImageList2 {
	  display:none;
 
  }
}
@media screen and (max-width: 600px) {
  div.VertImageList2 {
   display: inline-block;
  }
  
}
div.VertImageWrapper3 {
	transform:rotate(-90deg);
	background-image: none;
	background-size: 140%;
	}

	
	@media screen and (min-width: 1025px) {
    div.VertImageWrapper3 {
	width: 220%;
	height: 100%;
	float: left;
	padding-top:0;
	background-repeat: no-repeat;
	
	}
	
	}

@media screen and (max-width: 1024px) {
	div.VertImageWrapper3 {
	width: 197%;
	height: 100%;
	float: left;
	padding-top:0;
	background-repeat: no-repeat;
	
}
  
}

@media screen and (max-width: 1000px) {
  div.VertImageWrapper3 {
    width: 48%;
	margin-right:1%;
	margin-left:1%;
	
   
  }
}
@media screen and (max-width: 600px) {
  div.VertImageWrapper3 {
	  width:96%;
	  margin-right:2%;
	  margin-left:2%;
	  
	
 
  }

}
div.VertSliderWrapperRefins {
	border: #FF0000 solid 0px;
}

	@media screen and (min-width: 1025px) {
    div.VertSliderWrapperRefins {
		display:none;
	}
}

@media screen and (max-width: 1024px) {
  div.VertSliderWrapperRefins {
	display:none;
   
	}
  }

@media screen and (max-width: 1000px) {
  div.VertSliderWrapperRefins {
	  display:none;
	 }
}
@media screen and (max-width: 600px) {
  div.VertSliderWrapperRefins {
        display:inline-block;
		transform:rotate(90deg);
		height:100%;
		width:100%;
		margin-top:0%;
		margin-left:0%;
	
 
  }

}

div.CaptionBoxRefins {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 0%;
	z-index:1000;
	
	
	
}

@media screen and (min-width: 601px) {
  div.CaptionBoxRefins {
	width: 48%;
	float: left;
	height: auto;
	margin-top:-65%;
	padding:3px;
  }
}

@media screen and (max-width: 800px) {
  div.CaptionBoxRefins {
	width: 48%;
	float: left;
	height: auto;
	margin-top:-65%;
	padding:3px;
  }
}

@media screen and (max-width: 600px) {
  div.CaptionBoxRefins {
    width: 48%;
	float: left;
	height: auto;
	margin-top:-65%;
	padding:3px;
  }
}

div.RefinImageWrapper {
	border: #00FF00  0px solid;
	background-position: 0% 0%;
	}
@media screen and (min-width: 601px) {
    div.RefinImageWrapper {
	width: 54%;
	height: 0;
	float: right;
	padding-top: 65%;
	background-repeat: no-repeat;
	background-size:185%;
	margin-left:1%;
	 }
}
@media screen and (max-width: 1000px) {
    div.RefinImageWrapper {
	width: 54%;
	height: 0;
	float: right;
	padding-top: 65%;
	background-repeat: no-repeat;
	background-size: 185%;
	margin-left:1%;
		
  }
}

@media screen and (max-width: 600px) {
  div.RefinImageWrapper {
	width: 54%;
	height: 0;
	float: right;
	padding-top: 65%;
	background-repeat: no-repeat;
	background-size: 185%;
	margin-left:1%;
	background-position: 0% 0%;
	 
  }
}

div.SliderWrapperRefin {
	border: #FFFFFF solid 0px;
	background-image:url(../Images/Gate_BG_2023.jpg);
	background-size:100%;
	background-repeat:no-repeat;	
	
}

@media screen and (min-width: 601px) {
    div.SliderWrapperRefin {
	height:auto;
	width: 100%;
	margin-left: 0%;
	margin-right:3%;
	margin-top: 0%;
	margin-bottom:0%;
	padding: 0%;
	float:left;
	}
}

@media screen and (max-width: 1000px) {
  div.SliderWrapperRefin{
	height:auto;
	width: 100%;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom:0%;
	padding: 0%;
	float:left;
	}
}
@media screen and (max-width: 600px) {
  div.SliderWrapperRefin {
	height:auto;
	width: 100%;
	margin-left: 0%;
	margin-right:3%;
	margin-top: 0%;
	margin-bottom:0%;
	padding: 0%;
	float:left;
	
	
}
}
div.CustomCommentsList {
	
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	overflow:auto;
}
@media screen and (min-width: 601px) {
  div.CustomCommentsList {
	width: 100%;
	float: right;
	padding: 4%;
	height: 512px;
	
  }
}

@media screen and (max-width: 1000px) {
  div.CustomCommentsList {
    width: 48%;
	padding: 2%;
	height: 1157px;
	float: right;
	
  }
}
@media screen and (max-width: 600px) {
  div.CustomCommentsList {
    width: 100%;
	padding: 2%;
	height: 600px;
	display:none;
  }
  
}


div.SliderWrapperBodies {
	border: #FFFFFF solid 1px;
		}

@media screen and (min-width: 601px) {
    div.SliderWrapperBodies {
	height:auto;
	width: 27%;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 0%;
	margin-bottom:0%;
	padding: 0%;
	float:right;
	}
}

@media screen and (max-width: 1000px) {
  div.SliderWrapperBodies{
	height:auto;
	width: 30%;
	margin-left: 4%;
	margin-top: 0%;
	margin-bottom:0%;
	padding: 0%;
	float:right;
	}
}
@media screen and (max-width: 600px) {
  div.SliderWrapperBodies {
	float:right;  
	height:auto;
	width: 38%;
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom:-2%;
	padding: 0%;
	margin-right:2%;
	}
}
div.CustomSliderCaption {
	background-image: url(../Images/Grad_BG_2022.png);
	background-size: 100%;
	background-repeat: repeat;
	height: auto;
	float: left;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:3%;
	padding-top:3%;
	color: #CDA87F;
	font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	font-weight:bold;
	text-align:center
	
	
}
@media screen and (min-width: 601px) {
  div.CustomSliderCaption {
	width:auto;
	margin-top:-25%;
	margin-right: 5%;
	margin-bottom: 0%;
	margin-left: 4%;
	font-size:160%;
	}
}

@media screen and (max-width: 1000px) {
  div.CustomSliderCaption {
   width:auto;
	margin-top:-25%;
	margin-right: 5%;
	margin-bottom: 0%;
	margin-left: 4%;
	font-size:160%;
  }
}

@media screen and (max-width: 600px) {
  div.CustomSliderCaption {
    width:auto;
	margin-top:-30%;
	margin-right: 5%;
	margin-bottom: 0%;
	margin-left: 4%;
	font-size:120%;
  }
}

div.CostBox {
	border: #FFFFFF none 1px;
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;	
	
}

@media screen and (min-width: 601px) {
    div.CostBox {
	height:auto;
	width: 30%;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom:2%;
	padding: 2%;
	float:right;
	font-family:Asap, "Asap Bold";
	font-weight:normal;
	font-size:100%;
	
	}
}

@media screen and (max-width: 1000px) {
  div.CostBox{
	height:auto;
	width: 30%;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom:2%;
	padding: 2%;
	float:left;
	font-family:Asap, "Asap Bold";
	font-weight:normal;
	font-size:100%;
	}
}
@media screen and (max-width: 600px) {
  div.CostBox {
	float:right;  
	height:auto;
	width: 100%;
	margin-left: 0%;
	margin-top: 2%;
	margin-bottom:4%;
	padding: 2%;
	font-size:120%;
	}
}

  
div.SliderWrapperCustom {
	border: #FFFFFF none 1px;
	background-image: url(../Images/Wall_BG_600.png);	
	
}

@media screen and (min-width: 601px) {
    div.SliderWrapperCustom {
	height:auto;
	width: 42%;
	margin-left: 2%;
	margin-right:3%;
	margin-top: 2%;
	margin-bottom:2%;
	padding: 0%;
	float:right;
	}
}

@media screen and (max-width: 1000px) {
  div.SliderWrapperCustom{
	height:auto;
	width: 42%;
	margin-left: 4%;
	margin-top: 0%;
	margin-bottom:2%;
	padding: 0%;
	float:right;
	}
}
@media screen and (max-width: 600px) {
  div.SliderWrapperCustom {
	float:right;  
	height:auto;
	width: 43%;
	margin-left: 0%;
	margin-top: 4%;
	margin-bottom:2%;
	padding: 0%;
	margin-right:4%;
	margin-left: 4%;
	
	
}
}


div.CommentsList {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	
	float: right;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 0.5%;
	overflow:auto;

	
	
}
@media screen and (min-width: 601px) {
  div.CommentsList {
	width: 28%;
	float: right;
	clear: right;
	padding: 2%;
	height: 835px;
	
  }
}

@media screen and (max-width: 1000px) {
  div.CommentsList {
    width: 96%;
	padding: 2%;
	height: 835px;
  }
}
@media screen and (max-width: 600px) {
  div.CommentsList {
    width: 96%;
	padding: 2%;
  }
  
}




div.VertImageList {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	width: 8%;
	height: 900px;
	float: right;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 0%;
	
}
@media screen and (min-width: 601px) {
  div.VertImageList {
	width: 29.2%;
	float: right;
	padding: 2%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.VertImageList {
	  display:none;
 
  }
}
@media screen and (max-width: 600px) {
  div.VertImageList {
   display:none;
  }
  
}
div.VertImageWrapper2 {
	transform:rotate(-90deg);
	background-image:none;
	background-size: 140%;
	}

	
	@media screen and (min-width: 1025px) {
    div.VertImageWrapper2 {
	width: 220%;
	height: 100%;
	float: left;
	padding-top:0;
	background-repeat: no-repeat;
	
	}
	
	}

@media screen and (max-width: 1024px) {
	div.VertImageWrapper2 {
	width: 197%;
	height: 100%;
	float: left;
	padding-top:0;
	background-repeat: no-repeat;
	
}
  
}

@media screen and (max-width: 1000px) {
  div.VertImageWrapper2 {
    width: 48%;
	margin-right:1%;
	margin-left:1%;
	
   
  }
}
@media screen and (max-width: 600px) {
  div.VertImageWrapper2 {
	  width:96%;
	  margin-right:2%;
	  margin-left:2%;
	  
	
 
  }

}




div.VertSliderWrapper {
	border:;
}

	@media screen and (min-width: 1025px) {
    div.VertSliderWrapper {
		display:inline-block;
		transform:rotate(90deg);
		height:280px;
		width:720px;
		margin-top:85%;
		margin-left:-84%;
	}
}

@media screen and (max-width: 1024px) {
  div.VertSliderWrapper {
	  display:inline-block;
		transform:rotate(90deg);
		height:240px;
		width:680px;
		margin-top:100%;
		margin-left:-102%;
   
	}
  }

@media screen and (max-width: 1000px) {
  div.VertSliderWrapper {
	  display:none;
   
	
   
  }
}
@media screen and (max-width: 600px) {
  div.VertSliderWrapper {
	
	   display:none;
	
 
  }

}


div.TestimonialImage {
	background-image:url(../Images/Gate_BG_2023.jpg);
	;
	background-repeat: repeat-y;
	float:left;
}
	
	@media screen and (min-width: 601px) {
    div.TestimonialImage {
	width: 30%;
	height: 100%;
    background-size:200%;
	margin-left:1%;
	margin-right:4%;
	margin-bottom:4%;
	}
}

@media screen and (max-width: 1000px) {
  div.TestimonialImage {
	width: 27%;
	height: 100%;
    background-size:200%;
	margin-left:1%;
	margin-bottom:2%;
	margin-right:4%;
  
  }
}
@media screen and (max-width: 600px) {
  div.TestimonialImage {
    width: 17%;
	height: 100%;
    background-size:200%;
	margin-left:1%;
	margin-bottom:0%;

  }
}

div.InStockImageWrapper {
	float: left;
	padding-top:0%;
	background-repeat: no-repeat;
	margin-bottom:2%;
	height:auto;
	border:#FFFF00 0px solid;
	
	
	}

	
	@media screen and (min-width: 601px) {
    div.InStockImageWrapper {
		margin-right:1%;
	    margin-left:0%;
		width: 48%;
	   
		
		
		
	}
}

@media screen and (max-width: 1000px) {
  div.InStockImageWrapper {
   margin-right:1%;
	    margin-left:0%;
		width: 49%;
   
  }
}
@media screen and (max-width: 600px) {
  div.InStockImageWrapper {
	  width:96%;
      margin-right:2%;
	  margin-left:2%;
	  
	
 
  }

}





div.InStockCaption {
	background-image: url(../Images/Grad_BG_70.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	z-index:1000;
	
	
	
}

@media screen and (min-width: 601px) {
  div.InStockCaption {
	width: 55%;
	float: right;
	height: auto;
	margin-top: 2%;
	padding:3px;
	font-size:100%;
  }
}

@media screen and (max-width: 800px) {
  div.InStockCaption {
	width: 55%;
	float: right;
	height: auto;
	margin-top: 2%;
	padding:3px;
	font-size:70%;
  }
}

@media screen and (max-width: 600px) {
  div.InStockCaption {
    width: 55%;
	float: right;
	height: auto;
	margin-top: 2%;
	padding:10px;
	font-size:80%;
  }
}

div.TestimonialCaption {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 100%;
	background-repeat: repeat;
    float: right;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-top: 2%;
	font-family: Asap, "Asap Bold";
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}
@media screen and (min-width: 601px) {
  div.TestimonialCaption {
	font-size: 80%;
	width: 65%;
	margin-top:2%;
	height: auto;

	
  }
}

@media screen and (max-width: 1000px) {
  div.TestimonialCaption {
	font-size: 70%;
    width: 50%;
	margin-top:10%;
	height: auto;
  }
}

@media screen and (max-width: 600px) {
  div.TestimonialCaption {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
    visibility:hidden;
	height:0px;
	display:none;
	
  }

  
} 


div.TestimonialWrapper {
	
    float: left;
	margin-right: 2%;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-top: 2%;
	font-family: Asap, "Asap Bold";
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	

}

@media screen and (min-width: 601px) {
  div.TestimonialWrapper {
	width:96%;
    height: auto;
	font-size: 80%;
	
}
}

@media screen and (max-width: 1000px) {
  div.TestimonialWrapper {
	  font-size: 85%;
	  height: auto;
	  width:96%;
	

  }
}

@media screen and (max-width: 600px) {
  div.TestimonialWrapper {
	height: auto;
	width:96%;
	font-size: 85%;
	
  }
} 


div.LeftImageWrapper {
	float:left;
	
}
	
	@media screen and (min-width: 601px) {
    div.LeftImageWrapper {
	width: 30%;
	height: 200%;
    margin-right:3%;
	margin-bottom:4%;
	}
}

@media screen and (max-width: 1000px) {
  div.LeftImageWrapper {
	width: 25%;
	height: 200%;
	margin-right:3%;
	margin-bottom:2%;
   

  
  }
}
@media screen and (max-width: 600px) {
  div.LeftImageWrapper {
    width: 30%;
	height: 220%;
    margin-right:3%;
	margin-bottom:1%;

  }
}


div.LeftImage {
	height: 0;
	background-repeat: no-repeat;
	margin-bottom:1%;
	margin-left:0%;
	margin-right:2%;
	width: 100%;
	
	
	}
	
	@media screen and (min-width: 601px) {
    div.LeftImage {
		background-size:140%;
		padding-top:200%;

   
	 }
}

@media screen and (max-width: 1000px) {
  div.LeftImage {
	  background-size:160%;
	  padding-top:260%;

	
	}
}
@media screen and (max-width: 600px) {
  div.LeftImage {
	  background-size:150%;
	  padding-top:180%;


	


  }
}


div.DisclaimerText {
	line-height: normal;
	color: #FFFFFF;
	font-family: Asap;
	margin-top:1%;
	}
	
	
@media screen and (min-width: 601px) {
    div.DisclaimerText {
	font-size: 40%;
	width: 65%;
	float:left;
	
	
  }
}
@media screen and (max-width: 1000px) {
  div.DisclaimerText {
    font-size: 40%;
	width:100%;
	float:left;
	
  }
}

@media screen and (max-width: 600px) {
  div.DisclaimerText {
    font-size: 50%;
	width:100%;
	float:left;
	
  }
}


div.TopCaptionImage {
	background-image:url(../Images/Gate_BG_2023.jpg);
	;
	background-repeat: repeat-y;
}
	
	@media screen and (min-width: 601px) {
    div.TopCaptionImage {
	width: 30%;
	height: 100%;
    background-size:200%;
	margin-left:1%;
	margin-bottom:4%;
	}
}

@media screen and (max-width: 1000px) {
  div.TopCaptionImage {
	width: 10%;
	height: 100%;
    background-size:200%;
	margin-left:1%;
	margin-bottom:2%;
  
  }
}
@media screen and (max-width: 600px) {
  div.TopCaptionImage {
    width: 17%;
	height: 100%;
    background-size:200%;
	margin-left:1%;
	margin-bottom:2%;

  }
}
div.TopCaption {
	
	background-size: 100%;
	background-repeat: repeat;
	height: auto;
	float: right;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-top: 2%;
	font-family: Asap, "Asap Bold";
	
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}
@media screen and (min-width: 601px) {
  div.TopCaption {
	width: 68%;
	margin-top:0%;
	font-size: 80%;

	
  }
}

@media screen and (max-width: 1000px) {
  div.TopCaption {
    width: 88%;
	margin-left:12%;
	margin-right:2%;
	float: left;
	font-size: 100%;
  }
}

@media screen and (max-width: 600px) {
  div.TopCaption {
    width: 80%;
	margin-right:2%;
	margin-left:19%;
	float: left;
	font-size: 110%;
  }
}

div.ThumbNailImageMain {
	}
	
	@media screen and (min-width: 601px) {
    div.ThumbNailImageMain {
	width: 100%;
	height: 100%;
	float:left;
    visibility:visible;
	border:#FFFF00 solid 2px;
	
	
	
  }
}

div.GalleryCaptionMobile {
	
	position:absolute;
	bottom:2%;
	left:2%;
	
	
}
@media screen and (min-width: 601px) {
  div.GalleryCaptionMobile {
	height:auto;
	background-size: 100%;
	background-image:url(../Images/Grad_BG_2022.png);
	background-repeat: repeat;
	width: auto;
	float: left;
	margin-right:2%;
	padding: 2%;
	font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-size:90%;

	
  }
}

@media screen and (max-width: 1000px) {
  div.GalleryCaptionMobile {
    height:auto;
	background-size: 100%;
	background-image:url(../Images/Grad_BG_2022.png);
	background-repeat: repeat;
	width: auto;
	float: left;
	margin-right:2%;
	padding: 2% 4% 2% 4%;
	font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-size:80%;
	text-align:left;


  }
}

@media screen and (max-width: 600px) {
  div.GalleryCaptionMobile {
	height:auto;
	background-size: 100%;
	background-image:url(../Images/Grad_BG_2022.png);
	background-repeat: repeat;
	width: auto;
	float: left;
	margin: 0% 2% 0% 0%;
	padding: 2% 4% 2% 4%;
	font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-size:80%;
	text-align:left;
	
	 }

}

div.SmallImageWrapperGallery {
	
	background-image:;
	background-repeat: no-repeat;
	background-size: 220%;
	border:#FFFFFF 0px solid;
	
	
	}
@media screen and (min-width: 601px) {
 
div.SmallImageWrapperGallery {
	height: 0%;
	float: left;
	padding-top:0;
	background-image: url(../Images/Gate_BG_2023.jpg);
	background-repeat: no-repeat;
	background-size: 220%;
	width: 94%;
	margin-left:0%;
	margin-bottom:6%;
	margin-right:2%;
	position:relative;
	
	}
	
}

@media screen and (max-width: 1000px) {
  div.SmallImageWrapperGallery {
	height: 0%;
	float: left;
	padding-top:0;
	background-image:url(../Images/Gate_BG_2023.jpg);
	background-repeat: no-repeat;
	background-size: 220%;
	width: 94%;
	margin:3%;
	position:relative;

	
   
  }
}
@media screen and (max-width: 600px) {
  div.SmallImageWrapperGallery {
	height: 0%;
	float: left;
	padding-top:0;
	background-image:url(../Images/Gate_BG_2023.jpg);
	background-repeat: no-repeat;
	background-size: 220%;
	width: 94%;
	margin:3%;
	position:relative;
	

	  
	
 
  }

}


div.CustomThumbNail {
	
	}
	
	@media screen and (min-width: 601px) {
    div.CustomThumbNail {
	width: 96%;
	height: 0;
	padding-top:120%;
	background-repeat: no-repeat;
	background-size: 188%;
	margin-bottom:0;
	margin-left:-2%;
	margin-right:0%;
	
	
	}
}

@media screen and (max-width: 1000px) {
  div.CustomThumbNail {
    width: 96%;
	height: 0;
	padding-top:118%;
	background-repeat: no-repeat;
	background-size: 188%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	
  }
}
@media screen and (max-width: 600px) {
  div.CustomThumbNail {
    width: 100%;
	height: 0;
	padding-top:120%;
	background-repeat: no-repeat;
	background-size: 200%;

  }
}

div.SliderWrapperJM2 {
	
	background-image:;
	padding-left: 2%;
	
	
	

}

@media screen and (min-width: 601px) {
  div.SliderWrapperJM2 {
	height: 100%;
	width: auto;
	background-image:;
	background-size:100%;
	visibility:visible;
	
	
  
  }
}
@media screen and (max-width: 1000px) {
  div.SliderWrapperJM2 {
  visibility:visible;
  height:100%;
  
  }
}
@media screen and (max-width: 600px) {
  div.SliderWrapperJM2 {
	height: 100%;
	width: auto;
	margin: 0%;
	padding: 0%;
	background-image:;
	background-size:100%;
	visibility:visible;
	
	  }
}

div.SliderWrapperJM3 {
    visibility:hidden;
	height:0;

}
@media screen and (max-width: 600px) {
  div.SliderWrapperJM3 {
	height: 100%;
	width: auto;
	margin: 0%;
	padding: 0%;
	background-image:;
	background-size:100%;
	visibility:visible;
	
	
  
  }
}



div.LatestThumbNail {
	
	}
	
	@media screen and (min-width: 601px) {
    div.LatestThumbNail {
	width: 100%;
	height: 0;
	padding-top:135%;
	background-repeat: no-repeat;
	background-size: 210%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:1%;
	
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.LatestThumbNail {
    width: 100%;
	height: 0;
	padding-top:135%;
	background-repeat: no-repeat;
	background-size: 210%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	padding-bottom:0%;
  }
}
@media screen and (max-width: 600px) {
  div.LatestThumbNail {
    width: 100%;
	height: 0;
	padding-top:135%;
	padding-bottom:0%;
	background-repeat: no-repeat;
	background-size: 210%;

  }
}

div.LatestThumbNailBG {
	background-image:url(../Images/Gate_BG_2023.jpg);
	;
	width: 80%;
	height: 100%;
	background-repeat: repeat-y;
	background-size:100%;
	margin-left:1%;

	
	}
	
	@media screen and (min-width: 601px) {
    div.LatestThumbNailBG {
	
	
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.LatestThumbNailBG {
  
  }
}
@media screen and (max-width: 600px) {
  div.LatestThumbNailBG {
 width: 92%;

  }
}

div.HomeImageWrapper {
	 
}
@media screen and (min-width: 601px) {
    div.HomeImageWrapper {
	width: 102%;
	height: 0;
	float: left;
	padding-top: 50%;
	background-repeat: no-repeat;
	background-size: 75%;
	color: #FFFF00;	 
  }
}
@media screen and (max-width: 1000px) {
    div.HomeImageWrapper {
	width: 102%;
	height: 0;
	float: left;
	padding-top: 50%;
	background-repeat: no-repeat;
	background-size: 75%;
	color: #FFFF00;	 
	
  }
}

@media screen and (max-width: 600px) {
  div.HomeImageWrapper {
	width: 102%;
	height: 0;
	float: left;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	color: #FFFF00;	 
  }
}



div.BackLink {
	line-height: normal;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 2%;
	float:right;
}
@media screen and (min-width: 601px) {
    div.BackLink {
	padding-left: 2%;
	font-weight: bold;
	font-size: 14pt;
  }
}
@media screen and (max-width: 1000px) {
    div.BackLink {
    padding-left: 2%;
	font-size:12pt;
	font-weight: bold;
	
  }
}

@media screen and (max-width: 600px) {
  div.BackLink {
    padding-left: 2%;
	font-size:10pt;
	font-weight: bold;
	visibility:hidden;
	height:0;
  }
}

div.GalleryCaption {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 100%;
	background-repeat: repeat;
	width: 45%;
	float: right;
	clear:both;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-top: 5%;
	font-family: Asap, "Asap Bold";
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}
@media screen and (min-width: 601px) {
  div.GalleryCaption {
	font-size: 80%;
	width: 45%;
	margin-top:10%;
	height: auto;
	display:none;

	
  }
}

@media screen and (max-width: 1000px) {
  div.GalleryCaption {
	font-size: 70%;
    width: 50%;
	margin-top:10%;
	height: auto;
  }
}

@media screen and (max-width: 600px) {
  div.GalleryCaption {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
    visibility:hidden;
	height:0px;
	display:none;
	
  }

  
} 
div.GalleryImageWrapper {
	
	
		
	}
	
	@media screen and (min-width: 601px) {
    div.GalleryImageWrapper {
	width: 100%;
	height: 0;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 205%;
	margin-left:0%;
	margin-bottom:0%;
	border:#FF66FF 0px solid;
	
  }
}

@media screen and (max-width: 1000px) {
  div.GalleryImageWrapper {
    width: 100%;
	height: 0;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 205%;
	margin-left:0%;
	margin-bottom:0%;
	background-position: 0%  50%;
	 }
}
@media screen and (max-width: 600px) {
  div.GalleryImageWrapper {
    width: 100%;
	height: 0;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 205%;
	margin-left:0%;
	margin-bottom:0%;
	background-position: 2%  50%;
  }
}

div.CaptionText {
	line-height: normal;
	color: #FFFFFF;
	padding-top: 0%;
	padding-bottom: 3%;
    font-family: Asap, "Asap Bold";
	}
	
	
@media screen and (min-width: 601px) {
    div.CaptionText {
	font-size: 16px;
	width: 100%;
	padding-right: 5%;
	padding-left: 3%;
	height: auto;
  }
}
@media screen and (max-width: 1000px) {
  div.CaptionText{
    font-size: 16px;
	width:100%;
	padding-right: 5%;
	padding-left: 3%;
  }
}

@media screen and (max-width: 600px) {
  div.CaptionText {
    font-size: 16px;
	width:100%;
	padding-right: 4%;
	padding-left: 3%;
	display:none;
  }
}

div.BigImageWrapper {
	
	
	
	 
}
@media screen and (min-width: 601px) {
    div.BigImageWrapper {
	width: 53%;
	height: 0;
	float: left;
	padding-top: 64%;
	background-repeat: no-repeat;
	background-size:190%;
	background-position-x:-25px;
	
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.BigImageWrapper {
	width: 55%;
	height: 0;
	float: left;
	padding-top: 63%;
	background-repeat: no-repeat;
	background-size: 180%;
	background-position-x:-28px;
		 
	
  }
}

@media screen and (max-width: 600px) {
  div.BigImageWrapper {
	width: 192%;
	height: 0;
	float: left;
	padding-top: 112%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-x:-18px;
	 
  }
}



div.CaptionHeader {
	line-height: normal;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	font-size: 175%;

}
@media screen and (min-width: 601px) {
    div.CaptionHeader {
	padding-left: 2%;
	font-weight: bold;
	
  }
}
@media screen and (max-width: 1000px) {
    div.CaptionHeader {
    padding-left: 3%;
    font-weight: bold;
	
  }
}

@media screen and (max-width: 600px) {
  div.CaptionHeader {
    padding-left: 0%;
	font-size:120%;
	font-weight:bold;
	width:100%;
  }
}



  
  div.ListPrice {
	background-image: none;
	background-size: 100%;
	background-repeat: repeat;
	font-family:Asap, "Asap Bold";
	font-weight:bold;
	color:#CDA87F;
	
}
@media screen and (min-width: 601px) {
  div.ListPrice {
	width: auto;
	float: left;
	padding: 0%;
	font-size:28px;
	margin-bottom:0%;
	margin-top:10%;
	margin-right:0%;
	}
}

@media screen and (max-width: 1000px) {
  div.ListPrice {
    width: auto;
	float: left;
	padding: 0%;
	font-size:26px;
	margin-bottom:2%;
	margin-top:10%;
	margin-right:0%;
	margin-left:0%;
  }
}
@media screen and (max-width: 600px) {
  div.ListPrice {
    width: 96%;
	padding: 2%;
	font-size:24px;
	margin-bottom:1%;
	margin-top:-4%;
	margin-right:2%;
	margin-left:5%;
	background-image: none;
	display:none;
	
  }
  
}
div.ListText {
	line-height: normal;
	color: #FFFFFF;
	padding-top: 0%;
	padding-bottom: 3%;
    font-family: Asap, "Asap Bold";
	text-transform:none;
	}
	
	
@media screen and (min-width: 601px) {
    div.ListText {
	font-size: 16px;
	width: 100%;
	padding-top: 4%;
	padding-left: 0%;
	height: auto;
	
	
  }
}
@media screen and (max-width: 1000px) {
  div.ListText {
    font-size: 14px;
	width:100%;
	padding-top: 4%;
	padding-left: 0%;
  }
}

@media screen and (max-width: 600px) {
  div.ListText {
    font-size: 16px;
	width:100%;
	padding-right: 0%;
	padding-left: 0%;
	display:none;
	 
  }
}






div.ListHeader {
	margin-top: 0;
	margin-left: 0;
	color: #cda87f;
	font-family: Asap, "Asap Bold";
	font-weight: bold;
	
	
	}
	@media screen and (min-width: 601px) 
	
	{
  div.ListHeader {
	font-size: 18px;
	width: 28%;
	margin:1%;
	float:right;
	
  }
}
@media screen and (max-width: 1000px) {
  div.ListHeader {
    font-size: 18px;
	width:28%;
	margin:1%;
	float:right;
  }
}

@media screen and (max-width: 600px) {
  div.ListHeader {
    font-size: 18px;
	width:auto;
	padding:2%;
	margin-bottom:2%;
    font-weight: normal;
  }
}

div.CustomSliderWrapper {
	border: #FFFFFF none 1px;
	background-image: url(../Images/Wall_BG_600.png);	
	
}

@media screen and (min-width: 601px) {
    div.CustomSliderWrapper {
	height: auto%;
	width: 38%;
	margin-left: 4%;
	margin-top: 3%;
	margin-bottom:2%;
	padding: 0%;
	float:right;
}
}

@media screen and (max-width: 1000px) {
  div.CustomSliderWrapper {
	height: auto%;
	width: 45%;
	margin-left: 4%;
	margin-top: 4%;
	margin-bottom:2%;
	padding: 0%;
	float:right;
	
	
}
}
@media screen and (max-width: 600px) {
  div.CustomSliderWrapper {
	  
	height: auto%;
	width: 96%;
	margin-left: 2%;
	margin-top: 0%;
	margin-bottom:4%;
	padding: 0%;
	float:left;
	
	
}
}


div.CustomImageWrapper {
	border:#FFFF00 solid thick;
	
	
}
	
}
	
@media screen and (min-width: 601px) {
  div.CustomImageWrapper {
	width: 100%;
	height: auto;
	padding-top:180%;
	background-repeat: no-repeat;
	background-size: 200%;
	margin-bottom:2%;
	margin-right:0%;
	margin-top:0%;
	}
}

@media screen and (max-width: 1000px) {
  div.CustomImageWrapper {
  	width: 100%;
	height: auto;
    padding-top:112%;
	background-repeat: no-repeat;
	background-size: 200%;
	margin-bottom:2%;
	margin-right:0%;
	margin-top:0%;
  }
}
@media screen and (max-width: 600px) {
  div.CustomImageWrapper {
  	width: 100%;
	height: auto;
    padding-top:73%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position:65%;
	margin-bottom:2%;
	margin-right:0%;
	margin-top:0%;
  }
}

div.CustomCaption {
	background-image: url(../Images/Grad_BG_2022.png);
	background-size: 100%;
	background-repeat: repeat;
	height: auto;
	float: left;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:3%;
	padding-top:3%;
	color: #CDA87F;
	font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	
	
}
@media screen and (min-width: 601px) {
  div.CustomCaption {
	width:auto;
	margin-top:-26%;
	margin-right: 5%;
	margin-bottom: 0%;
	margin-left: 8%;
	font-size:80%;
	}
}

@media screen and (max-width: 1000px) {
  div.CustomCaption {
    width: auto;
	margin-top:-20%;
	margin-bottom: 2%;
	margin-left: 4%;
	font-size:80%;
  }
}

@media screen and (max-width: 600px) {
  div.CustomCaption {
    width: auto;
	font-size:75%;
	margin-right: 3%;
	margin-bottom: 0%;
	margin-left: 4%;
	margin-top:-28%;
	
  }
}

div.BigSliderCaption {
	background-image: url(../Images/Grad_BG_70.png);
	background-size: 100%;
	background-repeat: repeat;
	height: auto;
	float: left;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	font-weight:bold;
	text-transform:uppercase;
	
	
}
@media screen and (min-width: 601px) {
  div.BigSliderCaption {
	width:26%;
	margin-top:-14%;
	margin-right: 5%;
	margin-bottom: 0%;
	margin-left: 3%;
	font-size:90%;
	}
}

@media screen and (max-width: 1000px) {
  div.BigSliderCaption {
    width:24%;
	margin-top:-14%;
	margin-right: 5%;
	margin-bottom: 0%;
	margin-left: 3%;
	font-size:90%;
  }
}

@media screen and (max-width: 600px) {
  div.BigSliderCaption {
    width:30%;
	margin-top:-20%;
	margin-right: 5%;
	margin-bottom: 0%;
	margin-left: 3%;
	font-size:75%;
  }
}



div.PortSliderWrapper {
	
}

@media screen and (min-width: 601px) {
    div.PortSliderWrapper {
	height: auto%;
	width: 40%;
	margin-left: 4%;
	padding: 0%;
	float:right;
}
}

@media screen and (max-width: 1000px) {
  div.PortSliderWrapper {
	height: auto%;
	width: 40%;
	margin-left: 4%;
	padding: 0%;
	float:right;
}
}
@media screen and (max-width: 600px) {
  div.PortSliderWrapper {
	height: auto%;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	padding: 0%;
	float:left;
}
}

div.PortImageWrapper {
	
	
	}
	
	@media screen and (min-width: 601px) {
    div.PortImageWrapper {
	width: 100%;
	height: auto;
	float: right;
	padding-top:125%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:2%;
	margin-right:0%;
	margin-top:6%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.PortImageWrapper {
  	width: 100%;
	height: auto;
	float: right;
	padding-top:125%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:2%;
	margin-right:0%;
	margin-top:40%;
  }
}
@media screen and (max-width: 600px) {
  div.PortImageWrapper {
  	width: 100%;
	height: auto;
	float: right;
	padding-top:85%;
	background-repeat: no-repeat;
	background-size: 120%;
	margin-bottom:2%;
	margin-right:0%;
	margin-top:0%;
  }
}


div.ModalCloseButton {
	position: fixed;
	z-index: 100;
}

@media screen and (min-width: 601px) {
    div.ModalCloseButton {
     margin-left: 93.5%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.ModalCloseButton {
     margin-left: 89%;

  }
}
@media screen and (max-width: 600px) {
  div.ModalCloseButton {
     margin-left: 77%;
  }
}

div.DetailBoxModal {
	background-image:none;
	background-size: 120%;
	background-repeat: repeat;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	border: 1px none #CDA87F;
}
@media screen and (min-width: 601px) {
  div.DetailBoxModal {
	width: 68%;
	float: left;
	height: auto;
  }
}

@media screen and (max-width: 1000px) {
  div.DetailBoxModal {
    width: 100%;
  }
}


div.MasImageSm {
	margin:0%;

	
	}
	
	@media screen and (min-width: 601px) {
    div.MasImageSm {
	width: 100%;
	height: 0;
	float: left;
	padding-top:80%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: -10% 50%;
	 }
}

@media screen and (max-width: 1000px) {
  div.MasImageSm {
    width: 100%;
	height: 0;
	float: left;
	padding-top:80%;
	background-repeat: no-repeat;
	background-size: 100%;
	

  }
}
@media screen and (max-width: 720px) {
  div.MasImageSm {
    width: 100%;
	height: 0;
	float: left;
	padding-top:110%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left:8%;
	margin-bottom:3%;
    
  }
}
  
  
div.MasImageMed {
	margin:0%;
	
	}
	
	@media screen and (min-width: 601px) {
 div.MasImageMed {
	width: 100%;
	height: 0;
	float: left;
	padding-top:110%;
	background-repeat: no-repeat;
	background-size:120%;
	background-position: -15px -50px;
	
  }
}

@media screen and (max-width: 1000px) {
  div.MasImageMed {
    width: 100%;
	height: 0;
	float: left;
	padding-top:110%;
	background-repeat: no-repeat;
	background-size: 120%;
	

  }
}
@media screen and (max-width: 720px) {
  div.MasImageMed {
    width: 100%;
	height: 0;
	float: left;
	padding-top:110%;
	padding-bottom:0%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left:8%;
	margin-bottom:3%;
	
  }
}
div.MasImageLong {
	margin:0%;
	}
	
	@media screen and (min-width: 601px) {
    div.MasImageLong {
	width: 100%;
	height: 0;
	float: left;
	padding-top:150%;
	background-repeat: no-repeat;
	background-size: 110%;
	 }
}

@media screen and (max-width: 1000px) {
  div.MasImageLong {
    width: 100%;
	height: 0;
	float: left;
	padding-top:150%;
	background-repeat: no-repeat;
	background-size: 110%;
	
  }
}
@media screen and (max-width: 720px) {
  div.MasImageLong {
    width: 100%;
	height: 0;
	float: left;
	padding-top:110%;
    background-repeat: no-repeat;
	background-size: 100%;
	margin-left:8%;
	margin-bottom:3%;
	
  }
}


div.BigPrice {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	font-family:Asap, "Asap Bold";
	font-weight:bold;
	color:#CDA87F;
	
}
@media screen and (min-width: 601px) {
  div.BigPrice {
	width: 28%;
	float: right;
	clear: right;
	padding: 2%;
	font-size:22px;
	margin-bottom:2%;
	margin-top:0%;
	margin-right:2%;
	}
}

@media screen and (max-width: 1000px) {
  div.BigPrice {
    width: auto;
	float: left;
	padding: 2%;
	font-size:28px;
	margin-bottom:2%;
	margin-top:0%;
	margin-right:2%;
	margin-left:5.5%;
  }
}
@media screen and (max-width: 600px) {
  div.BigPrice {
    width: 96%;
	padding: 2%;
	font-size:24px;
	margin-bottom:1%;
	margin-top:-4%;
	margin-right:2%;
	margin-left:5%;
	background-image: none;
	
  }
  
}

div.ThumbNailImage {
	}
	
	@media screen and (min-width: 601px) {
    div.ThumbNailImage {
	width: 100%;
	height: 0;
	float:left;
	padding-top:120%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:0%;
	margin-left:1%;
	margin-right:0%;
	border:#FFFFFF;
	border-width:0px;
	border-style:solid;
	
  }
}

@media screen and (max-width: 1000px) {
  div.ThumbNailImage {
    width: 100%;
	height: 0;
	float: left;
	padding-top:120%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:0%;
	margin-left:1%;
	margin-right:1%;
	padding-bottom:0%;
  }
}
@media screen and (max-width: 600px) {
  div.ThumbNailImage {
    width: 102%;
	height: 0;
	float: left;
	padding-top:120%;
	padding-bottom:0%;
	background-repeat: no-repeat;
	background-size: 95%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:0%;
	margin-top:0%;
  }
}

div.WideBG {
	height:auto;
	float: left;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	background-image:;
	background-size: 100%;
	background-repeat: repeat;
	
	}
	
@media screen and (min-width: 601px) {
  div.WideBG {
	width: 98%;
  }
}

@media screen and (max-width: 1000px) {
  div.WideBG {
    width: 98%;
  }
}
@media screen and (max-width: 600px) {
  div.WideBG {
    width: 98%;
	

  }
}


ul.SpecsBox {
	list-style-type:none;
	float: left;
	margin-top: 0%;
	margin-right:2%;
	margin-bottom:2%;
	margin-left: -2%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;

}
@media screen and (min-width: 601px) {
  ul.SpecsBox {
	width: auto;
	font-family: Asap, "Asap Bold";
	font-size:16px;
	color:#FFFFFF;
	padding-left:4%;
	margin-top: -2%;

	
  }
}

@media screen and (max-width: 1000px) {
  ul.SpecsBox {
    width: 100%;
	font-family: Asap, "Asap Bold";
	font-size:16px;
	color:#FFFFFF;
	margin-left: -1.2%;
	
  }
}


@media screen and (max-width: 600px) {
  ul.SpecsBox {
    width: 98%;
	font-family: Asap, "Asap Bold";
	font-size:16px;
	color:#FFFFFF;
	margin-left: -9%;
	
  }
}

div.BigHeader {
	line-height: normal;
	color: #cda87f;
	font-family: Asap, "Asap Bold";
	font-weight: bold;
	padding-top: 1%;
	padding-right: 5%;
	padding-bottom: 1%;
	text-transform:uppercase;
}
@media screen and (min-width: 601px) {
    div.BigHeader {
	padding-left: 2%;
	font-size: 22pt;
	
  }
}
@media screen and (max-width: 1000px) {
    div.BigHeader {
    padding-left: 3%;
	font-size:20pt;
	padding-bottom:1%;
  }
}

@media screen and (max-width: 600px) {
  div.BigHeader {
    padding-left: 4%;
	font-size:18pt;
	
  }
}
div.SalePrice {
	
}
@media screen and (min-width: 601px) {
  div.SalePrice {
	width: auto;
	float: right;
	margin-top: -9%;
	margin-bottom: 2%;
	display:none;

	
  }
}

@media screen and (max-width: 1000px) {
  div.SalePrice {
    width: auto;
	margin-top: -11%;
	margin-bottom:0%;
	font-size: 18px;
	display:none;
  }
}


@media screen and (max-width: 600px) {
  div.SalePrice {
    background-image: url(../Images/Grad_BG_75.png);
	background-size: 100%;
	background-repeat: repeat;
	width: auto;
	height: auto;
	float: right;
	margin-bottom: 5%;
	margin-right: 1.5%;
	margin-left: 0%;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:2%;
	padding-top:2%;
	font-family: Asap, "Asap Bold";
	color: #FFFFFF;
	text-transform:uppercase;
	display: block;
	
  }
}

div.MainSubHeader {
	margin-top: 0;
	margin-left: 0;
	color: #cda87f;
	font-family: Asap, "Asap Bold";
	font-weight: bold;
	
	
	}
	@media screen and (min-width: 601px) 
	
	{
  div.MainSubHeader {
	font-size: 18px;
	width: auto;
	margin-bottom:0%;
  }
}
@media screen and (max-width: 1000px) {
  div.MainSubHeader {
    font-size: 18px;
	width:auto;
  }
}

@media screen and (max-width: 600px) {
  div.MainSubHeader {
    font-size: 18px;
	width:auto;
	padding:2%;
	margin-bottom:2%;
    font-weight: normal;
  }
}

div.DetailButton {
	font-family: Asap, "Asap Bold";
	font-weight: bold;
	color: #FFFFFF;
	background-image:url(../Images/Grad_BG_75.png);
	background-repeat:repeat;
	float: left;
	height: auto;
	width: 98%;
	padding: 5px;
	margin-left: 1%;
	
}
@media screen and (min-width: 601px) {
  div.DetailButton {
    font-size: 12px;
	margin-top: 0.5%;
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.DetailButton {
    font-size: 12px;
	margin-top: 0.5%;
	
  }
}

@media screen and (max-width: 600px) {
  div.DetailButton {
    font-size: 16px;
	margin-top: -2%;
	margin-right: 4%;
	margin-left: 2%;
	visibility:visible;
	font-size: 14px;
	margin-bottom: 2%;
	border:#FFFFFF;
	border-width:0px;
	border-style:solid;
	width: 96%;
	padding: 2%;
	
	
	
  }
}


	div.ContainerJM {
	width: auto;
	height: auto;
	
	
	}
	
	@media screen and (min-width: 601px) {
    div.ContainerJM {
		background-color:#00FF00;
		
		
}
}

@media screen and (max-width: 1000px) {
  div.ContainerJM {
	  background-color: #CC99FF;
    
  }
}
@media screen and (max-width: 600px) {
   div.ContainerJM {
	   background-color: #FF0000;
    
  }
}


.image {
	width: 30%;
	height: 30%;
	border: #FF0000 solid 1px;
	object-fit: scale-down;
	text-align: center;
  }
  
  
  .NavImage {
	height: 100%;
	width: 100%;
	clear: left;		
	}

.short-title {
	font-family: Asap;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #CDA87F;
	font-weight: normal;
	padding: 2px;
	text-align: center;
	font-style: normal;
	width: 100%;
	clear: right;	
}

div.DetailBox {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 2%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	border: 1px none #CDA87F;
	
	
	
	
}
@media screen and (min-width: 601px) {
  div.DetailBox {
	width: 100%;
	float: left;
	height: auto;
	padding:2%;
	font-family:Asap, "Asap Bold";
	font-weight:normal;
	font-size:100%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.DetailBox {
    width: 100%;
	padding:1%;
	font-size:100%;
  }
}
@media screen and (max-width: 600px) {
  div.DetailBox {
	   width: 100%;
	   padding:2%;
	   font-size:120%;
    
  }
  }
div.CaptionBox {
	background-image: url(../Images/Grad_BG_2022.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	
	}

@media screen and (min-width: 601px) {
  div.CaptionBox {
	width: 43%;
	float: right;
	height: auto;
	margin-top: -65%;
	padding:2%;
	margin-right: 2%;
  }
}

@media screen and (max-width: 800px) {
  div.CaptionBox {
	width: 40%;
	float: right;
	height: auto;
	margin-top: -65%;
	padding:2%;
	margin-right:2%;
  }
}

@media screen and (max-width: 600px) {
  div.CaptionBox {
	display:none;
    width: 40%;
	float: right;
	height: auto;
	margin-top: -65%;
	padding:2%;
	margin-right:2%;
  }
}

div.SmallCaption {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 100%;
	background-repeat: repeat;
	width: 45%;
	height: auto;
	float: left;
	clear:both;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-top: 5%;
	font-family: Asap, "Asap Bold";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	
}
@media screen and (min-width: 601px) {
  div.SmallCaption {
	width: auto;
	margin-top: -25%;
	margin-left: 3%;
	padding:2% 2% 2% 2%;
	position:relative;
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.SmallCaption {
   width: auto;
	margin-top: -32%;
	margin-left: 3%;
	padding:2% 2% 2% 2%;
	position:relative;
	font-size: 70%;
  }
}

@media screen and (max-width: 600px) {
  div.SmallCaption {
  width: auto;
	margin-top: -30%;
	margin-left: 3%;
	padding:2% 2% 2% 2%;
	position:relative;
	font-size: 110%;
  }
}

div.BigCaption {
	background-image:;
	background-size: 100%;
	background-repeat: repeat;
	height: auto;
	float: right;
	margin-top: 0%;
	margin-right: 0;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-left:0%;
	padding-right:0%;
	padding-bottom:0%;
	padding-top:0%;
}
@media screen and (min-width: 601px) {
  div.BigCaption {
	width: 30%;

	
  }
}

@media screen and (max-width: 1000px) {
  div.BigCaption {
    width: 30%;
  }
}


@media screen and (max-width: 600px) {
  div.BigCaption {
    width: 100%;
	visibility:hidden;
  }
}

div.ThumbImageWrapper {
	border:#FF0000 1px solid;
	
	
	}
	
	@media screen and (min-width: 601px) {
    div.ThumbImageWrapper {
	width: 48%;
	height: 0;
	float: left;
	padding-top:35%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:0%;
	margin-left:1%;
	margin-right:1%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.ThumbImageWrapper {
    width: 46%;
	height: 0;
	float: left;
	padding-top:30%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:5%;
	margin-left:2%;
	margin-right:2%;
	padding-bottom:0.5%;
  }
}
@media screen and (max-width: 600px) {
  div.ThumbImageWrapper {
    width: 0%;
	height: 0;
	float: left;
	padding-top:0%;
	padding-bottom:0%;
	background-repeat: no-repeat;
	background-size: 0%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:0%;
  }
}


div.BottomBox {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0%;
	margin-right: 2%;
	margin-bottom: 0%;
	margin-left: 2%;
    border: 1px none #CDA87F;
}
@media screen and (min-width: 601px) {
  div.BottomBox {
	width: 65%;
	float: left;
	height: auto;
  }
}

@media screen and (max-width: 1000px) {
  div.BottomBox {
    width: 96%;
  }
}
div.BigImage {
	width:68%;
	height:auto;
	float: left;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
	border: 0px solid #CDA87F;
}
	}
	
@media screen and (min-width: 601px) {
  div.BigImage {
	width: 98%;
  }
}

@media screen and (max-width: 1000px) {
  div.BigImage {
    width: 96%;
	
  }
}

@media screen and (max-width: 600px) {
  div.BigImage {
    width: 96%;
	
  }
}


	
	div.SmallImageWrapper {
	width: 100%;
	height: 0;
	float: left;
	background-repeat: no-repeat;
	border:#00FFFF 0px solid;

	}
	
	@media screen and (min-width: 601px) {
    div.SmallImageWrapper {
	width: 100%;
	height: 0;
	float: left;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 102%;
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.SmallImageWrapper {
   width: 100%;
	height: 0;
	float: left;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 102%;
	
  }
}
@media screen and (max-width: 600px) {
  div.SmallImageWrapper {
    width: 100%;
	height: 0;
	float: left;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 102%;
	
	
	
  }

}

div.SmallImageWrapper2 {
	width: 100%;
	height: 100%;
	float: left;
	padding-top:0;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../Images/Gate_BG_2023.jpg);
	
	
	}

	
	@media screen and (min-width: 601px) {
    div.SmallImageWrapper2 {
		
		
		
	}
}

@media screen and (max-width: 1000px) {
  div.SmallImageWrapper2 {
    width: 48%;
	margin-right:1%;
	margin-left:1%;
	
   
  }
}
@media screen and (max-width: 600px) {
  div.SmallImageWrapper2 {
	  width:96%;
	  margin-right:2%;
	  margin-left:2%;
	  
	
 
  }

}

div.MainSalesImage {
	padding-top:65%;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top:46%;
	
	}
	
	@media screen and (min-width: 601px) {
    div.MainSalesImage {
	width: 69%;
	height: 0;
	float: left;
	padding-top:45%;
	background-repeat: no-repeat;
	background-size: 100%;
	}
}

@media screen and (max-width: 1000px) {
  div.MainSalesImage {
    width: 69%;
	height: 0;
	float: left;
	padding-top:45%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	padding-bottom:0%;
  }
}
@media screen and (max-width: 600px) {
  div.MainSalesImage {
    width: 96%;
	height: 0;
	float: left;
	padding-top:63%;
	padding-bottom:0%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
  }
}

	div.SalesImageWrapper {
	width: 100%;
	height: auto;
	float: left;
	background-repeat: repeat;
	background-image: url(../Images/Grad_BG_70.png)
	}
	
	@media screen and (min-width: 601px) {
    div.SalesImageWrapper {
	width: 100%;
	height: auto;
	float: left;
	padding:2%;
    background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:2%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.SalesImageWrapper {
    width: 100%;
	height: auto;
	float: left;
	padding:2%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:2%;
	margin-left:0%;
	margin-right:0%;
  }
}
@media screen and (max-width: 600px) {
  div.SalesImageWrapper {
    width: 100%;
	height: auto;
	float: left;
	padding:2%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:2%;
  }
}

div.ImageListSales {
	background-image: url(../Images/Grad_BG_70.png);
	background-size: 120%;
	background-repeat: repeat;
	
	
}
@media screen and (min-width: 601px) {
  div.ImageListSales {
	width: 60%;
	float: left;
	padding: 2% 2% 1% 1%;
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageListSales {
    width: 60%;
	float: left;
	padding: 2% 2% 1% 1%;
	
	
  }
}
@media screen and (max-width: 600px) {
  div.ImageListSales {
   width: 100%;
	float: left;
	margin: -2% 0% 0% -3%;
	background-image:none;
	font-size:120%;
	
	
  }
}
	

div.ImageList {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	
}
@media screen and (min-width: 601px) {
  div.ImageList {
	width: 29%;
	float: right;
	clear: right;
	padding: 1%;
	margin-left:0%;
	margin-top:0%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageList {
    width: 96%;
	padding: 2%;
	margin-top:0%;
	float: left;
	clear: left;
	margin-top:3%;
  }
}
@media screen and (max-width: 600px) {
  div.ImageList {
    width: 96%;
	padding: 2%;
	margin-top:0%;
	margin-bottom: 3%;
	margin-top:3%;
	
  }
  
}

div.TopMessage {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	float: right;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	width: 98%;
	font-family:Asap, "Asap Bold";
	font-weight:bold;
	
}
@media screen and (min-width: 601px) {
  div.TopMessage {
	
	display:none;
	
  }
}

@media screen and (max-width: 1000px) {
  div.TopMessage {
 
   display:none;

  }
}
@media screen and (max-width: 600px) {
  div.TopMessage {
   padding-top: 2%;
   padding-bottom:2%;
   margin-top:0%;
   margin-bottom: 2%;
   display:block;
   font-size:135%;
   border:#CCFF99 0px solid;
   padding-left:4%;
  }
  
}

div.BottomMessage {
	background-image:;
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	float: left;
	margin-top: 0%;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 0.5%;
	width: 100%;
	
}
@media screen and (min-width: 601px) {
  div.BottomMessage {
	padding: 2%;
	display:none;
	
  }
}

@media screen and (max-width: 1000px) {
  div.BottomMessage {
   padding: 2%;
  }
}
@media screen and (max-width: 600px) {
  div.BottomMessage {
   padding: 0%;
   margin-left:0%
  }
  
}


	

div.ImageListProjects {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	width: 8%;
	height: auto;
	float: right;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 0.5%;
	
	
}
@media screen and (min-width: 601px) {
  div.ImageListProjects {
	width: 28%;
	float: right;
	clear: right;
	padding: 2%;
	margin-top:-44.2%;
	padding-top:1%
	 
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageListProjects {
    width: 96%;
	padding: 2%;
	display: block;
	height:auto;
	margin-top:2%;
	
  }
}
@media screen and (max-width: 600px) {
  div.ImageListProjects {
    width: 96%;
	padding: 2%;
	display: block;
	height:auto;
	
  }
}

div.SalesList {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	}
@media screen and (min-width: 601px) {
  div.SalesList {
	width: 100%;
	float: left;
	padding: 2%;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 2%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.SalesList {
    width: 96%;
	padding: 2%;
  }
}
@media screen and (max-width: 600px) {
  div.SalesList {
    width: 96%;
	padding: 2%;
  }
}


div.ClearBox {
	background-color:;
	height: 100%;
	float: left;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;
	padding-left:1%;
	
}
@media screen and (min-width: 601px) {
  div.ClearBox {
    width: 40%;
  }
}

@media screen and (max-width: 1000px) {
  div.ClearBox {
    width: 90%;
  }
}
div.WhiteBox {
	background-image: url(../Images/whitebg.png);
	background-repeat:repeat;
	height: 100%;
	float: left;
	margin-top: 1%;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 2%;
}
@media screen and (min-width: 601px) {
  div.WhiteBox {
    width: 47%;
  }
}

@media screen and (max-width: 1000px) {
  div.WhiteBox {
    width: 96%;
  }
}


div.SubHeader {
	line-height: 130%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 0%;
	padding-bottom: 0%;
	font-size: 110%;
	font-weight: bold;
}
@media screen and (min-width: 601px) {
    div.SubHeader {
	padding-left: 0%;
	font-size: 110%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.SubHeader {
    padding-left: 2%;
	font-size: 110%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.SubHeader {
    padding-left: 4%;
	font-size: 120%;
	
  }
}

div.DetailSubHeader {
	
	line-height: normal;
	color: #cda87f;
	font-family: Asap, "Asap Bold";
	margin-bottom:4%;
	}
	@media screen and (min-width: 601px) {
    div.DetailSubHeader {
    font-size: 16px;
	width:100%;
  }
}
@media screen and (max-width: 1000px) {
    div.DetailSubHeader {
    font-size: 22px;
	width:100%;
  }
}

@media screen and (max-width: 600px) {
  div.DetailSubHeader {
    font-size: 16px;
	width:100%;
  }
}

div.BodyTextJM {
	line-height: normal;
	color: #FFFFFF;
	padding-top: 0%;
	padding-bottom: 3%;
    font-family: Asap, "Asap Bold";
	}
	
	
@media screen and (min-width: 601px) {
    div.BodyTextJM {
	font-size: 16px;
	width: 100%;
	padding-right: 5%;
	padding-left: 2%;
	height: auto;
  }
}
@media screen and (max-width: 1000px) {
  div.BodyTextJM {
    font-size: 16px;
	width:100%;
	padding-right: 5%;
	padding-left: 2%;
  }
}

@media screen and (max-width: 600px) {
  div.BodyTextJM {
    font-size:100%;
	width:100%;
	padding-right: 4%;
	padding-left: 4%;
  }
}

div.FormTextJM {
	color: #CDA87F;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	clear: left;
	float: left;
	margin-bottom:1px;
	border:#FFFF00 0px solid;
	height:40px;
	
	}
	
	
@media screen and (min-width: 601px) {
    div.FormTextJM {
	
	
  }
}
@media screen and (max-width: 1000px) {
  div.FormTextJM {
   
  }
}

@media screen and (max-width: 600px) {
  div.FormTextJM {
   
  }
}

div.SENDING {
	line-height: normal;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	font-weight:bold;
    float:left;
	visibility:hidden;
	
	}
	
	
@media screen and (min-width: 601px) {
    div.SENDING {
		
	font-size:220%;
	padding-top: 1%;
	margin-left:2%;
	margin-top:2%;

	
	
  }
}
@media screen and (max-width: 1000px) {
  div.SENDING {
	  
	font-size:300%;
	padding-top: 2%;
	margin-left:4%;
	margin-top:2%;
   
  }
}

@media screen and (max-width: 600px) {
  div.SENDING {
	  
	  font-size:220%;
	padding-top: 2%;
	margin-left:4%;
	margin-top:3%;
   
  }
}



/* CSS Document */
.DetailText {
	height: auto;
	width: 63%;
	float: left;
	padding: 2%;
	background-image:url(../Images/Grad_BG_75.png)	
}



img.ListImage {
	float:left;
}

@media screen and (min-width: 601px) {
  img.ListImage {
    height: auto;
	width: 33%;
  }
}

@media screen and (max-width: 1000px) {
  img.ListImage {
    height: auto;
	width: 25%;
  }
}

@media screen and (max-width: 600px) {
  img.ListImage {
    height: auto;
	width: 31%;
  }
}


.ListImageWrapper {
	background-color: #CDA87F;
	
	border: 1px solid #000;
		 
}




div.TeaserText {
	margin-top: 10px;
	color: #FFFFFF;
	font-family: Montserrat, "Montserrat Light";
	font-weight: normal;
	margin-bottom: 10px;
	}
	
	@media screen and (min-width: 601px) {
  div.TeaserText {
    font-size: 13px;
	width:100%;
	
  }
}
@media screen and (max-width: 1000px) {
  div.TeaserText {
    font-size: 15px;
	width:100%;
	
  }
}

@media screen and (max-width: 600px) {
  div.TeaserText {
    font-size: 0px;
	
  }
}

div.MainText {
	margin-top: 20px;
	margin-left: 22px;
	color: #FFFFFF;
	font-family: Montserrat, "Montserrat Light";
	font-weight: normal;
	margin-bottom: 10px;
	}
	
	@media screen and (min-width: 601px) {
  div.MainText {
	font-size: 14px;
	width: 90%;
  }
}
@media screen and (max-width: 1000px) {
  div.MainText {
    font-size: 16px;
	width:90%;
	
  }
}

@media screen and (max-width: 600px) {
  div.MainText {
    font-size: 16px;
	width:90%;
	
  }
}

.MenuItemJM {
	font-family: Asap, "Asap Bold";
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: transparent;
	margin: 2px;
	height: auto;
	width: auto;
	padding: 2px;
}


div.TopLogo {
	font-family:Asap, "Asap Bold";
	color:#FFFFFF;
	
	
}
@media screen and (min-width: 601px) {
  div.TopLogo {
	height: 60px;
	width: 780px;
	background-image: url(../Images/ERC_Logo.png);
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: 40px;
	margin-bottom:2.5%;
	margin-top:2%;
	}
}

@media screen and (max-width: 1000px) {
  div.TopLogo {
    height: 50px;
	width:85%;
	background-image:url(../Images/ERC_Logo.png);
	background-repeat:no-repeat;
	background-size:95%;
	margin-top:4%;
	background-position:35px;
	margin-bottom:4%;
  }
}

@media screen and (max-width: 600px) {
  div.TopLogo {
    height: 40px;
	width: 100%;
	background-image:url(../Images/ERC_Logo.png);
	background-repeat:no-repeat;
	background-size:93%;
	margin-top:2%;
	margin-bottom:2%;
    background-position:40%;
	
  }
}

.SliderWrapperJM {
	height: auto;
	width: auto;
	margin: 0%;
	padding: 0%;
	background-image: url(../Images/Gate_BG_2023.jpg);
	background-size:120%;
	background-repeat:no-repeat;
	
	
}

div.FormWrapper {
	font-family: Asap, "Asap Bold";
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: -2%;
	padding-left: 2%;
	margin-top: -1%;
	border:#FF33FF 0px solid;
}
@media screen and (min-width: 601px) {
  div.FormWrapper {
	font-family: Asap, "Asap Bold";
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-top: 0%;
}
}

@media screen and (max-width: 1000px) {
  div.FormWrapper {
	font-family: Asap, "Asap Bold";
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: -1%;
	margin-top: 0%;
	font-size:140%;
}
}

@media screen and (max-width: 600px) {
  div.FormWrapper {
	font-family: Asap, "Asap Bold";
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-top: 0%;
	
}
}

.GalleryMenuWrapper {
	margin-right: 2%;
	padding-bottom:2%;
	width:100%;
	text-transform:uppercase;

}
@media screen and (min-width: 601px) {
  div.GalleryMenuWrapper {
	  
	  float:left;
	  margin-right: 2%;
	  
	   
	
	}
}

@media screen and (max-width: 1000px) {
  div.GalleryMenuWrapper {
	  
	  float: left;
	  margin-right: 2%;
	  margin-left:-2%;
	  margin-right:-4%;
    
  }
}

@media screen and (max-width: 600px) {
  div.GalleryMenuWrapper {
	  
	  float: left;
	  padding-top:2%;
	  margin-left:-3%;
	  margin-right:-4%;
	  
    
	
  }

div.ArrowBox {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-family: Asap, "Asap Bold";
	font-size:30px;
	font-weight: bolder;
	float: right;
	display:inline;
	background-color: #CDA87F;
	margin: 5px 10px 5px 5px;
	text-align:center;
	padding-bottom:5px;
}
}

@media screen and (min-width: 601px) {
    div.ArrowBox {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-family: Asap, "Asap Bold";
	font-size:30px;
	font-weight: bolder;
	float: right;
	height: 40px;
	width: 40px;
	background-color: #CDA87F;
	margin: 5px 5px 5px 5px;
	text-align:center;
	padding-bottom:20px;
}
}

@media screen and (max-width: 1000px) {
	 div.ArrowBox {
	  margin: 2px 2px 2px 2px;
	  height: 40px;
	width: 40px;
	  
	   }
}

@media screen and (max-width: 600px) {
  div.ArrowBox {
	  margin: 2px 2px 2px 2px;
	  height: 40px;
	  width: 40px;
	  
	   }
}
	  
	  
.InputField {
	font-family: Asap, "Asap Bold";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color:transparent;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: -2px;
	padding: 6px;
	height: auto;
	width: 100%;
	border: 1px solid #CDA87F;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background-image:url(../Images/Grad_BG_70.png)
}
.GalleryThumbWrapper {
	 width:97%;
	 margin-left:3%;
	
}
@media screen and (max-width: 1000px) {
  div.GalleryThumbWrapper {
	  visibility:visible;
	  
	  
	  
	  
	   }
}
@media screen and (max-width: 600px) {
  div.GalleryThumbWrapper {
	  visibility:hidden;
	  height:1px;
	  
	  
	  
	   }
}

.GalleryThumbWrapper2 {
	
	width:96%;
	margin-left:3%;
	
	visibility:hidden;
	  height:0px;
	  
	  }
@media screen and (max-width: 1000px) {
  div.GalleryThumbWrapper2 {
	  
	  visibility:hidden;
	  height:1px;
	  
	  
	  
	   }
}
@media screen and (max-width: 600px) {
  div.GalleryThumbWrapper2 {
	  
	  visibility:visible;
	  height:auto;
	  
	  
	  
	   }
}
div.medialogos {
	float:right;
	background-size:100%;
	background-repeat:no-repeat;
	background-image:url(../Images/INs_Logo.png);
	background-size:100%;
}
@media screen and (min-width: 601px) {
   div.medialogos {
	float:left;
	height: 16%;
	padding-top:16%;
	width: 16%;
	margin-right: 2%;
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:-3.5%;
}
}

@media screen and (max-width: 1000px) {
	 div.medialogos {
	
	height: 14%;
	padding-top:14%;
	width: 14%;
	margin-right: 2%;
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:-3%;
	margin-bottom:6%;
	  
	   }
}

@media screen and (max-width: 600px) {
  div.medialogos {
	
	height: 13%;
	padding-top:13%;
	width: 13%;
	margin-right:2%;
	background-size:80%;
	background-repeat:no-repeat;
	margin-top:-14%;
	margin-bottom:1%;
}
}

div.FormHeader {
	line-height: 100%;
	color: #CDA87F;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 0%;
	font-weight: bold;
	text-transform:uppercase;
}
@media screen and (min-width: 601px) {
    div.FormHeader {
	padding-left: 1%;
	font-size: 140%;
	margin-bottom:2%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.FormHeader {
    padding-left: 2%;
	font-size: 140%;
	margin-bottom:1%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.FormHeader {
    padding-left: 3%;
	font-size: 140%;
	padding-bottom:3%;
	padding-top: 4%;
	
  }
}
div.MessageSent {
	line-height: 130%;
	color: #CDA87F;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 2%;
	font-size: 110%;
	font-weight: bold;
}
@media screen and (min-width: 601px) {
    div.MessageSent {
	padding-left: 1%;
	font-size: 150%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.MessageSent {
    padding-left: 3%;
	font-size: 140%;
	margin-bottom:1%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.MessageSent {
    padding-left: 4%;
	font-size: 120%;
	
  }
}
div.Footer {
	height:40%;
	width: 100%;
	float: left;
	padding: 2%;
	background-image:url(../Images/Grad_BG_75.png);
	color: #CDA87F;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 2%;
	font-size: 140%;
	font-weight: bold;	
}
@media screen and (min-width: 601px) {
    div.Footer {
	font-size: 140%;
	}
}
@media screen and (max-width: 1000px) {
    div.Footer {
   font-size: 150%;
   width: 96%;
   margin-left:2%;
	margin-bottom:4%
	
	
	
  }
}

@media screen and (max-width: 600px) {
  div.Footer {
    font-size: 100%;
	width: 96%;
	margin-left:2%;
	margin-bottom:4%
	
  }
}
div.GalleryLink {
	line-height: 130%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 2%;
	font-weight: bold;
}
@media screen and (min-width: 601px) {
    div.GalleryLink {
	padding-left: 2%;
	font-size: 110%;
	margin-top:-3.5%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.GalleryLink {
    padding-left: 2%;
	font-size: 110%;
	margin-top:-3.5%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.GalleryLink {
    padding-left: 4%;
	font-size: 120%;
	margin-top:-7%;
	
  }
}
div.ImageListForm {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	width: 8%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 0%;
	
}
@media screen and (min-width: 601px) {
  div.ImageListForm {
	width: 30%;
	float: right;
	clear: right;
	padding: 2%;
	margin-left:0%;
	margin-top: 0%;
	margin-right: 0%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageListForm {
    width: 99%;
	padding: 2%;
	float: left;
	margin-left:0.5%;
	margin-top: -2%;
	margin-right: 0%;
	
  }
}
@media screen and (max-width: 600px) {
  div.ImageListForm {
    width: 98%;
	padding: 2%;
	margin-top:0%;
	margin-bottom: 3%;
	margin-top:-4%;
	
  }
  
}

div.InstaNav {
	
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	font-size: 110%;
	font-weight: bold;
	padding-left: 0%;
	font-size: 100%;
	float: right;
	width: 16%;
	margin-top:-3%;
	margin-right:1%;

}
@media screen and (min-width: 601px) {
    div.InstaNav {
		margin-bottom:0%;
		
  }
}
@media screen and (max-width: 1000px) {
    div.InstaNav {
    display:none;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.InstaNav {
  display:none;
	
  }
}

div.InstaNavBottom {
	
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	font-size: 110%;
	font-weight: bold;
	padding-left: 0%;
	float: right;
	width: 16%;
	margin-top:-3%;
	margin-right:0%;
}
@media screen and (min-width: 601px) {
    div.InstaNavBottom{
	display:block;
	margin-top:2.5%;
	margin-right:-3%;
	width: 25%;
	font-size: 130%;
  }
}
@media screen and (max-width: 1000px) {
    div.InstaNavBottom {
    display:block;
	margin-top:3%;
	margin-right:1%;
	width: 25%;
	font-size: 120%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.InstaNavBottom {
  display:none;
	
  }
}

div.FooterText {
	line-height: normal;
	color: #cda87f;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	font-size: 175%;

}
@media screen and (min-width: 601px) {
    div.FooterText {
	padding-left: 1%;
	font-weight: bold;
	font-size: 175%;
	
  }
}
@media screen and (max-width: 1000px) {
    div.FooterText {
    padding-left: 2%;
	font-size: 140%;
    font-weight: bold;
	
  }
}

@media screen and (max-width: 600px) {
  div.FooterText {
    padding:4% 2% 4% 2%;
	font-size:100%;
	font-weight:bold;
  }
}
div.CaptionBoxMobile {
	background-image: url(../Images/Grad_BG_2022.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	
	}

@media screen and (min-width: 601px) {
  div.CaptionBoxMobile {
   display:none;
  }
}

@media screen and (max-width: 800px) {
  div.CaptionBoxMobile {
   display:none;
  }
}

@media screen and (max-width: 600px) {
  div.CaptionBoxMobile {
	  
	display:block;
	width: 42%;
	float: right;
	height: auto;
	margin-top:10%;
	padding:10px;
	margin-right: 2%;
  }
}

div.GuitarSpecsList {
	background-image: url(../Images/Grad_BG_75.png)
	background-size: 120%;
	background-repeat: repeat;
	width: 8%;
	height: auto;
	margin-bottom: 1%;
	margin-left: 0%;
	border:#CDA87F 0px solid;
	
}
@media screen and (min-width: 601px) {
  div.GuitarSpecsList {
	width: 48%;
	float: left;
	clear: right;
	padding: 2%;
	margin-left: 0%;
	margin-top:-2%;
	margin-right: 2%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.GuitarSpecsList {
    width: 48%;
	padding: 2%;
	margin-top:0%;
	float: left;
	clear: right;
	margin-top:-2%;
	margin-left:-0.4%;
  }
}
@media screen and (max-width: 600px) {
  div.GuitarSpecsList {
    width: 99%;
	padding: 0%;
	margin-top:0%;
	margin-bottom: 3%;
	margin-left:0%;
  }
  
}
div.BottomBoxForSale {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	float: left;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
}
@media screen and (min-width: 601px) {
  div.BottomBoxForSale {
	width: 67%;
	float: left;
	height: auto;
	margin-top:-2%;
  }
}

@media screen and (max-width: 1000px) {
  div.BottomBoxForSale {
    width: 99%;
	float: left;
	height: auto;
	margin-top: 0%;
	margin-left: 0.5%;
  }
}
@media screen and (max-width: 600px) {
  div.BottomBoxForSale {
    width: 99%;
	float: left;
	height: auto;
	margin-top: -2%;
	margin-left: 0.5%;
  }
}
div.FooterWrapper {
	height: auto;
	width: 100%;
	float: left;
	padding-left:2%;
	background-image:url(../Images/Grad_BG_75.png);
	margin-top:0%;
	border:#FF0000 0px solid;
}

@media screen and (max-width: 600px) {
  div.FooterWrapper {
    height: auto;
	width: 96%;
	float: left;
	padding:0% 0% 0% 0% 0%;
	background-image:url(../Images/Grad_BG_75.png);
	margin:1% 2% 2% 2%;
	border:#FFFFFF 0px solid;
  }
}
div.MobileDescription {
	background-image:url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	float: left;
	margin-top: 0%;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 0.5%;
	width: 100%;
	
}
@media screen and (min-width: 601px) {
  div.MobileDescription {
   padding: 4%  1%  1%  1%;
   margin-left:0%;
   margin-right:0%;
   width:103%;
   margin-bottom:2%;
   font-size:120%;
  }
}

@media screen and (max-width: 1000px) {
  div.MobileDescription {
   padding: 4%  1%  1%  1%;
   margin-left:0%;
   margin-right:0%;
   width:103%;
   margin-bottom:2%;
   font-size:120%;
  }
}
@media screen and (max-width: 600px) {
  div.MobileDescription {
   padding: 4%  1%  1%  1%;
   margin-left:0%;
   margin-right:0%;
   width:104%;
   margin-bottom:2%;
   font-size:120%;
  }
  
}
div.GuitarSpecsListWeb {
	background-image:;
	background-size: 120%;
	background-repeat: repeat;
	width: 8%;
	height: auto;
	margin-bottom: 1%;
	margin-left: 0%;
	
}
@media screen and (min-width: 601px) {
  div.GuitarSpecsListWeb {
	width: auto;
	float: left;
	padding: 0%;
	margin-left: 0%;
	margin-top:0%;
	margin-right: 0%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.GuitarSpecsListWeb {
    width: 99%;
	padding: 2%;
	margin-top:0%;
	float: left;
	clear: right;
	margin-top:0%;
	margin-left:0.5%;
  }
}
@media screen and (max-width: 600px) {
  div.GuitarSpecsListWeb {
    width: 99%;
	padding: 2%;
	margin-top:0%;
	margin-bottom: 3%;
	
  }
  
}
div.BigImageSales {
	background-image:xurl(../Images/Grad_BG_75.png);
	height:auto;
	float: left;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 0%;
	border:#FF0000 0px solid;
	}
	
@media screen and (min-width: 601px) {
  div.BigImageSales {
	width: 70%;
	padding:0%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.BigImageSales {
    width: 66%;
	padding:0%;
  }
}
@media screen and (max-width: 600px) {
  div.BigImageSales {
	width: 100%;
	padding:0%;
	
  }
}
div.BodyTextDescription {
	line-height: normal;
	color: #FFFFFF;
	padding-top: 0%;
	padding-bottom: 3%;
    font-family: Asap, "Asap Bold";
	border:#00FF00 0px solid
	}
	
	
@media screen and (min-width: 601px) {
    div.BodyTextDescription {
	font-size: 16px;
	width: 50%;
	padding-right: 5%;
	padding-left: 2%;
	padding-top:1%;
	height: auto;
	float:right;
  }
}
@media screen and (max-width: 1000px) {
  div.BodyTextDescription {
    font-size: 16px;
	width: 50%;
	padding-right: 5%;
	padding-left: 2%;
	height: auto;
	float:right;
  }
}

@media screen and (max-width: 600px) {
  div.BodyTextDescription {
    font-size:100%;
	width:100%;
	padding-right: 4%;
	padding-left: 4%;
  }
}
div.DescriptionSubHeader {
	line-height: 130%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 2%;
	font-size: 110%;
	font-weight: bold;
}
@media screen and (min-width: 601px) {
    div.DescriptionSubHeader {
	padding-left: 0%;
	font-size: 110%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.DescriptionSubHeader {
    padding-left: 1%;
	font-size: 110%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.DescriptionSubHeader {
    padding-left: 3%;
	font-size: 120%;
	
  }
}
div.StockBox {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	width: 100%;
	height: auto;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
    border: 0px solid #CDA87F;
}
@media screen and (min-width: 601px) {
  div.StockBox {
	width: 103%;
	float: left;
	height: auto;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left:0%;
	margin-right:0%;
  }
}

@media screen and (max-width: 1000px) {
  div.StockBox {
    width: 96%;
	float: left;
	height: auto;
	margin-top: 1.5%;
	margin-bottom: 2%;
	display:none;
  }
}
@media screen and (max-width: 600px) {
  div.StockBox {
    width: 96%;
	display:none;
  }
}

div.MobileThumbsWrapper {
	border:#FF0000 0px solid;
	
	
	
	}
	
	@media screen and (min-width: 601px) {
    div.MobileThumbsWrapper {
	margin-top:-2%;
	padding-top:0%;
	padding-bottom:0%;
	display:none;
	
  }
}

@media screen and (max-width: 1000px) {
  div.MobileThumbsWrapper {
	margin-top:-2%;
	padding-top:0%;
	padding-bottom:0%;
	display:none;
   
  }
}
@media screen and (max-width: 600px) {
  div.MobileThumbsWrapper {
	margin-top:-4%;
	padding-top:0%;
	padding-bottom:0%;
	display:block;
	width:101%;
   
  }
}
div.GalleryMenuItemJM {
	
	background-image:url();
	

}


div.GalleryMenuItemJM:active {
    
	color:#CDA87F;
}
div.GalleryMenuItemJM:hover {
    
	color:#CDA87F;
}
div.GalleryMenuItemJM:visited {
    
	color:#CDA87F;
}


@media screen and (min-width: 601px) {
    div.GalleryMenuItemJM {
	font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	color: #FFFFFF;
	background-image:url();
	margin: 6% 6% 2% 2%;
	height: auto;
	width: 50%;
	padding: 2% 2% 2% 2%;
	border:#FFFFFF 0px solid;
	float:right;
	
	}
}

@media screen and (max-width: 1000px) {
 div.GalleryMenuItemJM {
	font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	font-size: 95%;
	font-weight: bold;
	color: #FFFFFF;
	background-image:url();
	margin: 0% 0% 0% 0%;
	height: auto;
	width: auto;
	padding: 0% 0% 0% 0%;
	border:#CCCCCC 0px solid;
	float:left;
	white-space:nowrap;
	
  }

}
@media screen and (max-width: 600px) {
  div.GalleryMenuItemJM {
	font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	font-size: 95%;
	font-weight: bold;
	color: #FFFFFF;
	background-image:url();
	margin: 0% 0% 0% 0%;
	height: auto;
	width: auto;
	padding: 0% 0% 0% 0%;
	border:#CCCCCC 0px solid;
	float:left;
	white-space:nowrap;
 

	
  }
}
 div.GalleryMenuItemWrapper {
	margin: 0% 3% 3% 0%;
    border:#CCCCCC 1px solid;
	
}

@media screen and (min-width: 601px) {
    div.GalleryMenuItemWrapper {
	margin: 0% 3% 3% 0%;
	background-image: url(url../Images/Grad_BG_70.png);
	background-size:180%;
	height: auto;
	width: 100%;
	padding: 0% 0% 0% 0%;
    background-position: 0%  0%;
	
	}
}

@media screen and (max-width: 1000px) {
  div.GalleryMenuItemWrapper {
	margin: 0% 0% 0% 0%;
	background-image: url(url../Images/Grad_BG_70.png);
	background-size:100%;
	height: auto;
	width: auto;
	padding: 1% 2% 1% 2%;
	background-position: 0%  0%;
	display:inline-block;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.GalleryMenuItemWrapper {
	margin: 0% 0% 0% 0%;
	background-image: url(url../Images/Grad_BG_70.png);
	background-size:100%;
	height: auto;
	width: auto;
	padding: 2% 2% 2% 2%;
	background-position: 0%  0%;
	display:inline-block;
	
	

  }
}
div.GalleryNavThumbNail {
	border:#FFFFFF 0px solid;
	}
	
	@media screen and (min-width: 601px) {
    div.GalleryNavThumbNail {
	width: 50%;
	height: 0;
	padding-top:40%;
	background-repeat: no-repeat;
	background-size:190%;
	margin-bottom:0;
	margin-left:0%;
	margin-right:0%;
    background-position: 22%  52%;
	
	
	
	}
}

@media screen and (max-width: 1000px) {
  div.GalleryNavThumbNail {
   width: 50%;
	height: 0;
	padding-top:40%;
	background-repeat: no-repeat;
	background-size:200%;
	margin-bottom:0;
	margin-left:0%;
	margin-right:0%;
    background-position: 20%  50%;
	
  }
}
@media screen and (max-width: 600px) {
  div.GalleryNavThumbNail {
    width: 100%;
	height: 0;
	padding-top:80%;
	background-repeat: no-repeat;
	background-size: 180%;
	background-position: 20%  50%;

  }
}
div.BigImageGallery {
	background-image:none;
	height:auto;
	float: left;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 0%;
	border:#FF0000 0px solid;
	}
	
@media screen and (min-width: 601px) {
  div.BigImageGallery {
	width: 70%;
	padding:0% 0% 0% 0%;
	margin-top:0%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.BigImageGallery {
    width: 100%;
	padding:2%;
	margin-top:2%;
  }
}
@media screen and (max-width: 600px) {
  div.BigImageGallery {
	width: 100%;
	padding:2%;
	
  }
}
div.ImageListGalleryWeb {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	border:#00FFFF 0px solid;
	
	
	
}
@media screen and (min-width: 601px) {
  div.ImageListGalleryWeb {
	float: right;
	padding: 2%; 
	width:30%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	margin-top:0%;
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	display:block;
	
	
	
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageListGalleryWeb {
    width: 34%;
	float: right;
    padding: 0%;
	padding-top: 4%;
	font-size:50%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	display:block;
	
  }
}
@media screen and (max-width: 600px) {
  div.ImageListGalleryWeb {
    width: 100%;
	padding: 2%;
	float: left;
	padding-top: 4%;
	font-size:120%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	display:none;
	
	
  }
}

div.ImageListGalleryMobile {
	background-image:url(../Images/Grad_BG_2022.png);
	background-size: 120%;
	background-repeat: repeat;
	border:#FFFFFF 0px solid;
	
	
}
@media screen and (min-width: 601px) {
  div.ImageListGalleryMobile {
display:none;
	
	
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageListGalleryMobile {
    width: 98%;
	margin-left:1%;
	float: left;
    padding:0%;
	font-size:120%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	display:inline-block;
	background-image:;
	background-size: 120%;
	background-repeat: repeat;
	height:auto;
	overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	z-index:1000;
  }
	/* width */
div.ImageListGalleryMobile::-webkit-scrollbar {
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #666666;
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999999;
}

	
	
  }

@media screen and (max-width: 600px) {
  div.ImageListGalleryMobile{
    width: 98%;
	margin-left:1%;
	float: left;
    padding:0%;
	font-size:120%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	display:inline-block;
	background-image:;
	background-size: 120%;
	background-repeat: repeat;
	height:auto;
	overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	z-index:1000;
  }
	/* width */
div.ImageListGalleryMobile::-webkit-scrollbar {
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #666666;
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
}

div.GalleryMobileNavWrapper {
	background-image:url(../Images/Grad_BG_2022.png);
	background-size: 120%;
	background-repeat: repeat;
	border: #FFFF00 0px solid;
	
	
}
@media screen and (min-width: 601px) {
  div.GalleryMobileNavWrapper {
display:none;
	
	
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.GalleryMobileNavWrapper {
    width: 104%;
	margin-left:-2%;
	margin-top:-2%;
	float: left;
    padding:2%;
	position: -webkit-sticky;
    position: sticky;
	top: 0%;
	display:none;
	height:auto;
	overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
	z-index:1000;

	
	
  }
}
@media screen and (max-width: 600px) {
  div.GalleryMobileNavWrapper {
    width: 104%;
	margin:0% 0% 0% 0%;
	float: left;
    padding:2%;
	position: -webkit-sticky;
    position: sticky;
	top: 1%;
	display:inline-block;
	height:auto;
	overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
	z-index:1000;

	
	
  }
}


div.BigHeaderWeb {
	line-height: normal;
	color: #cda87f;
	font-family: Asap, "Asap Bold";
	font-weight: bold;
	padding-top: 1%;
	padding-right: 5%;
	padding-bottom: 1%;
	text-transform:uppercase;
}
@media screen and (min-width: 601px) {
    div.BigHeaderWeb {
	padding-left: 2%;
	font-size: 22pt;
	
  }
}
@media screen and (max-width: 1000px) {
    div.BigHeaderWeb {
    padding-left: 3%;
	font-size:20pt;
	padding-bottom:1%;
	display:none;
  }
}

@media screen and (max-width: 600px) {
  div.BigHeaderWeb {
    padding-left: 4%;
	font-size:18pt;
	display:none;
	
  }
}
div.BigHeaderMobile {
	line-height: normal;
	color: #cda87f;
	font-family: Asap, "Asap Bold";
	font-weight: bold;
	text-transform:uppercase;
	
	
}
@media screen and (min-width: 601px) {
    div.BigHeaderMobile {
display:none;
	
  }
}
@media screen and (max-width: 1000px) {
    div.BigHeaderMobile {
    padding:0% 0% 2% 2%;
	margin-bottom:0%;
	font-size:160%;
	display:block;

  }
}

@media screen and (max-width: 600px) {
  div.BigHeaderMobile {
    padding:0% 0% 4% 2%;
	font-size:160%;
	display:block;

	
  }
}
div.GalleryWrapperWeb {
	
	border: #6699CC 0px solid;
	width:auto;
	height:auto;
	
	}
@media screen and (min-width: 601px) {
  div.GalleryWrapperWeb {
	  margin-top:0%;
	  padding-left:0%;
	  float:left;
	  width:70%;
	 
	
 }
}

@media screen and (max-width: 1000px) {
  div.GalleryWrapperWeb {
	  display:none;
	  
 }
}
@media screen and (max-width: 600px) {
  div.GalleryWrapperWeb {
   display:none;
	
	
  }
}
div.GalleryWrapperMobile {
	
	border: #F0F 1px solid;
	width:auto;
	height:auto;
	}
@media screen and (min-width: 601px) {
  div.GalleryWrapperMobile {
	   display:none;
	  
 }
}

@media screen and (max-width: 1000px) {
  div.GalleryWrapperMobile {
	    width:69%;
		float:left;
		display:block;
		 margin-top:0%;
	     padding-left:0%;
		 margin-left:0%;
		
 }
}
@media screen and (max-width: 600px) {
  div.GalleryWrapperMobile {
	     width:105%;
		float:left;
		margin:0% 0% 0% 0%;
		display:block;
 }
}

div.WideBGGallery {
	height:auto;
	float: left;
    margin: 0% 1% 0% 1%;
	padding: 0% 0% 0% 0%;
	border:#FFFFFF 0px solid;
	
 
	}
	
@media screen and (min-width: 601px) {
  div.WideBGGallery {
	width: 98%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.WideBGGallery {
    width: 98%;
  }
}
@media screen and (max-width: 600px) {
  div.WideBGGallery {
    width: 96%;
	
	

  }
}
div.CaptionBoxCustom {
	background-image: url(../Images/Grad_BG_2022.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	
	}

@media screen and (min-width: 601px) {
  div.CaptionBoxCustom {
	width: 43%;
	float: right;
	height: auto;
	margin-top: -65%;
	padding:2%;
	margin-right: 2%;
  }
}

@media screen and (max-width: 800px) {
  div.CaptionBoxCustom {
	width: 40%;
	float: right;
	height: auto;
	margin-top: -65%;
	padding:2%;
	margin-right:2%;
  }
}

@media screen and (max-width: 600px) {
  div.CaptionBoxCustom {
	width: 40%;
	float: right;
	height: auto;
	margin-top: -65%;
	padding:2%;
	margin-right:2%;
	font-size:80%;
	line-height:30%;
	
  }
}

div.CustomWrapper {
	background-image: url(../Images/Gate_BG_2023.jpg);
	background-size: 190%;
	background-repeat: no-repeat;
	height: auto;
	width:auto;
	margin-right: 2%;
	margin-bottom: 0%;
	margin-left: 0%;
	border:#FFFF00 0px solid;
	
	}

@media screen and (min-width: 601px) {
  div.CustomWrapper {
	
  }
}

@media screen and (max-width: 800px) {
  div.CustomWrapper {

  }
}

@media screen and (max-width: 600px) {
  div.CustomWrapper {
	
	
  }
}
div.CustomGuitarThumbNail {
	
	border:#FF00FF 0px solid;
	
	}
	
	@media screen and (min-width: 601px) {
    div.CustomGuitarThumbNail {
	width: 100%;
	height: 0;
	padding-top:120%;
	background-repeat: no-repeat;
	background-size: 188%;
	background-position: -0%  50%;
	margin-bottom:0;
	margin-left:0%;
	margin-right:0%;
	
	
	}
}

@media screen and (max-width: 1000px) {
  div.CustomGuitarThumbNail {
    width: 96%;
	height: 0;
	padding-top:118%;
	background-repeat: no-repeat;
	background-size: 188%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	
  }
}
@media screen and (max-width: 600px) {
  div.CustomGuitarThumbNail {
    width: 100%;
	height: 0;
	padding-top:120%;
	background-repeat: no-repeat;
	background-size: 200%;

  }
}

div.HeaderNavWrapper {
	
	
	
	}
	
	@media screen and (min-width: 601px) {
    div.HeaderNavWrapper {
		display:none;
	}
}

@media screen and (max-width: 1000px) {
  div.HeaderNavWrapper {
		visibility:visible;
	}
}
@media screen and (max-width: 600px) {
  div.HeaderNavWrapper {
		visibility:visible;
	}
}
div.MenuItem2024 {
	line-height: 100%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 4%;
	padding-right: 1%;
	padding-bottom: 3%;
	font-weight: bold;
	text-transform:uppercase;
	border: #CCCCCC 1px solid;
	background-image:url(../Images/Grad_BG_2022.png);
	

}

div.MenuItem2024:active {
    
	color:#CDA87F;
}
div.MenuItem2024:hover {
    
	color:#CDA87F;
}
div.MenuItem2024:focus {
    
	color:#CDA87F;
	
}
@media screen and (min-width: 601px) {
    div.MenuItem2024 {
	padding-left: 4%;
	font-size: 120%;
	margin-bottom:2%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.MenuItem2024 {
    padding-left: 4%;
	font-size: 170%;
	margin-bottom:4%;
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 3%;
	margin-top:4%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.MenuItem2024 {
    padding-left: 3%;
	font-size: 150%;
	padding-bottom:3%;
	padding-top: 4%;
	
  }
}
div.InstaLink {
	
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 4%;
	padding-right: 0%;
	padding-bottom: 5%;
	font-size: 120%;
	font-weight: bold;
	padding-left: 14%;
	float: left;
	width: 100%;
	margin-top:2%;
	margin-bottom:4%;
	margin-right:0%;
	background-image:url(../Images/INs_Logo.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:12%;
	border:#FF00FF 0px solid;
}
@media screen and (min-width: 601px) {
    div.InstaLink {
		font-size: 140%;
		margin-left:2%;
		
  }
}
@media screen and (max-width: 1000px) {
    div.InstaLink {
		background-size:14%;
		font-size: 210%;
	padding-right: 0%;
	padding-bottom: 6%;
	padding-left: 16%;
	padding-top: 5%;
	margin-left:5%;
 }
}

@media screen and (max-width: 600px) {
  div.InstaLink {
  background-size:14%;
		font-size: 195%;
		padding-top: 8%;
	padding-right: 0%;
	padding-bottom: 8%;
	padding-left: 15%;
	margin-left:2%;
	margin-top:-2%;
	
  }
}
div.HomeImage {
	border:#FF00FF 0px solid;
	
	
	 
}
@media screen and (min-width: 601px) {
    div.HomeImage {
	width: 100%;
	height: 0;
	float: left;
	padding-top: 70%;
	background-repeat: no-repeat;
	background-size:100%;
	
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.HomeImage {
	width: 98%;
	height: 0;
	float: left;
	padding-top: 75%;
	background-repeat: no-repeat;
	background-size: 110%;
	margin-left:1%;
	background-position: 80%;
	padding-top: 70%;
	
		 
	
  }
}

@media screen and (max-width: 600px) {
  div.HomeImage {
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-size: 150%;
	margin-left:0%;
	background-position: 0%;
	 
  }
}

@media screen and (min-width: 601px) {
div.HomeCaption {
	background-image: url(../Images/Grad_BG_70.png);
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-left: 1.5%;
	float: left;
	margin-top:-68.5%;
	padding:1%;
	width: 24%;
	font-size:88%;
	
	}
}
@media screen and (max-width: 1000px) {
  div.HomeCaption {
	background-image: url(../Images/Grad_BG_70.png);
	background-size: 100%;
	float: left;
	height: auto;
	margin-top: -70%;
	padding:1%;
	margin-right: 2%;
	margin-left: 1.5%;
	font-size:70%;
	width: 25%;
	line-height:50%;
  }
}

@media screen and (max-width: 600px) {
  div.HomeCaption {
	display:none;
  }
}

div.ImageListWeb {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 100%;
	background-repeat: repeat;
	height:auto;

	
}

@media screen and (min-width: 601px) {
  div.ImageListWeb {
	width: 32%;
	float: right;
	padding: 1%;
	margin-left:0%;
	margin-right:2%;
	margin-top:-69%;
	z-index:1000;
	position:relative;
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageListWeb {
	width: 34%;
	float: right;
	clear: right;
	padding: 1%;
	margin-left:0%;
	margin-right:3%;
	margin-top:-70%;
	font-size:60%;
	
     
  }
}

@media screen and (max-width: 600px) {
  div.ImageListWeb {
    width: 98%;
	padding: 2%;
	margin-top:0%;
	margin-bottom:3%;
	margin-top:-5%;
	margin-left:1%;
	float: left;
	font-size:90%;
	
  }
}
div.BigImageHome {
	width:98%;
	height:auto;
	float: left;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
	border: 0px solid #CDA87F;
}
	
	
@media screen and (min-width: 601px) {
  div.BigImageHome {
	width: 98%;
  }
}

@media screen and (max-width: 1000px) {
  div.BigImageHome {
    width: 98%;
	padding: 0%;
	
  }
}

@media screen and (max-width: 600px) {
  div.BigImageHome {
    width: 98%;
	padding:0%;
	border:#CCFF99 0px solid;
	margin-bottom: 0%;
	
  }
}
div.TopHeader {
	font-family: Asap, "Asap Bold";
	 display: block;
  white-space: nowrap;
  overflow: hidden;
  

	
	
	 
	
	

}
@media screen and (min-width: 601px) {
    div.TopHeader {
	font-size: auto;	
	font-weight: bold;
	border:#FFFF00 0px solid;
	

	
	
  }
}
@media screen and (max-width: 1000px) {
    div.TopHeader {
    padding-left: 2%;
	font-size: 126%;
	border:#FFFF00 0px solid;
	padding-bottom:4%;
	margin-bottom:4%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.TopHeader {
	  display:none;
    

	
  }
}
div.InstaText {
	line-height: 130%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 0%;
	padding-bottom: 0%;
	font-size: 110%;
	font-weight: bold;
	
}
@media screen and (min-width: 601px) {
    div.InstaText {
	padding-left: 2%;
	font-size: 110%;
	
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.InstaText {
    padding-left: 2%;
	font-size: 110%;
	display:none;
	
	
	
  }
}

@media screen and (max-width: 600px) {
  div.InstaText {
    padding-left: 4%;
	font-size: 120%;
	display:none;

	
  }
}
div.ThumbNailHome {
	}
	
	@media screen and (min-width: 601px) {
    div.ThumbNailHome {
	width: 100%;
	height: 0;
	float:left;
	padding-top:113%;
	background-repeat: no-repeat;
	background-size: 195%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	border:#FFFFFF;
	border-width:0px;
	border-style:solid;
	background-position:0% 12%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.ThumbNailHome {
    width: 100%;
	height: 0;
	float:left;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 220%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	border:#FFFFFF;
	border-width:0px;
	border-style:solid;
	background-position:6%;
  }
}
@media screen and (max-width: 600px) {
  div.ThumbNailHome {
    width: 100%;
	height: 0;
	float:left;
	padding-top:120%;
	background-repeat: no-repeat;
	background-size: 200%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	border:#FFFFFF;
	border-width:0px;
	border-style:solid;
	background-position:0% 16%;
  }
}
div.RecentsHeader {
	line-height: 130%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 2%;
	padding-right: 0%;
	padding-bottom: 0%;
	font-size: 110%;
	font-weight: bold;
}
@media screen and (min-width: 601px) {
    div.RecentsHeader {
	padding-left: 0%;
	padding-bottom:2%;
	font-size: 110%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.RecentsHeader {
    padding-left: 2%;
	font-size: 160%;
	margin-top:-4%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.RecentsHeader {
    padding-left: 2%;
	font-size: 160%;
	margin-top:-2%;
	margin-bottom:2%;
	
  }
}
div.RecentsWrapper {
	
	
}
@media screen and (min-width: 601px) {
    div.RecentsWrapper {
		border:#FFFFFF 0px solid;
	height:auto;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.RecentsWrapper {
		display:none;
 
		
  }
}

@media screen and (max-width: 600px) {
  div.RecentsWrapper {
   border:#FFFFFF 0px solid;
	height:auto;
	display:block;
	
  }
}
@media screen and (min-width: 601px) {
div.HomeCaptionMobile {
	display:none;
	
	}
}
@media screen and (max-width: 1000px) {
  div.HomeCaptionMobile {
display:none;
  }
}

@media screen and (max-width: 600px) {
  div.HomeCaptionMobile {
	background-image: url(../Images/Grad_BG_70.png);
	background-size: 100%;
	width: 40%;
	float: left;
	height: auto;
	margin-top:-98%;
	padding:2%;
	margin-right:2%;
	margin-left:2%;
	font-size:100%;
	display:block;
  }
}
div.GalleryHeader {
	font-family: Asap, "Asap Bold";
	color:#CDA87F;

}
@media screen and (min-width: 601px) {
    div.GalleryHeader {
	font-size: 140%;	
	font-weight: bold;
	border:#FFFF00 0px solid;
	margin-bottom:4%;
		
  }
}
@media screen and (max-width: 1000px) {
    div.GalleryHeader {
    padding-left: 2%;
	font-size: 220%;
	border:#FFFF00 0px solid;
	margin-top:-7%;
	margin-bottom:0%;
	margin-left:2%;
	
	
  }
}

@media screen and (max-width: 600px) {
  div.GalleryHeader {
	  display:none;
 }
}
div.GalleryMenuItem2024 {
	line-height: 100%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 4%;
	padding-right: 1%;
	padding-bottom: 3%;
	font-weight: bold;
	text-transform:uppercase;
	border: #CCCCCC 1px solid;
	background-image:url(../Images/Grad_BG_2022.png);
	

}

div.GalleryMenuItem2024:active {
    
	color:#CDA87F;
}
div.GalleryMenuItem2024:hover {
    
	color:#CDA87F;
}
div.GalleryMenuItem2024:focus {
    
	color:#CDA87F;
	
}
@media screen and (min-width: 601px) {
    div.GalleryMenuItem2024 {
	padding-left: 4%;
	font-size: 120%;
	margin-bottom:2%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.GalleryMenuItem2024 {
    padding-left: 4%;
	font-size: 230%;
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 4%;
	margin:4% 4% 4% 4%;
	
	
  }
}


@media screen and (max-width: 600px) {
  div.GalleryMenuItem2024 {
	padding-left: 3%;
	font-size: 120%;
	padding:4% 2% 4% 2%;
	margin:2% 0% 0% 1%;
	border: #CCCCCC 1px solid;
	height:auto;
	float:left;
	width:98%;
	
  }
}
div.BigImageGalleryDetail {
	height:auto;
	float: left;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 0%;
	border:#FFFFFF 0px solid;
	background-image: url(../Images/Grad_BG_70.png);
	background-size:200%;
	}
	
@media screen and (min-width: 601px) {
  div.BigImageGalleryDetail {
	width: 69%;
	padding:1% 1% 1% 1%;
	margin-top:0%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.BigImageGalleryDetail {
    width: 102%;
	padding:2%;
	margin-top:1%;
  }
}
@media screen and (max-width: 600px) {
  div.BigImageGalleryDetail {
	width: 100%;
	padding:2%;
	margin:-1% 0% 0% 2%
	
  }
}
div.GalleryImageWrapper2024 {
	
	border:#FF66FF 0px solid;
		
	}
	
	@media screen and (min-width: 601px) {
    div.GalleryImageWrapper2024 {
	width: 100%;
	height: 0;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 102%;
	margin-left:0%;
	margin-bottom:0%;
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.GalleryImageWrapper2024 {
    width: 100%;
	height: 0;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 102%;
	margin-left:0%;
	margin-bottom:0%;
	background-position: 0%  50%;
	 }
}
@media screen and (max-width: 600px) {
  div.GalleryImageWrapper2024 {
    width: 100%;
	height: 0;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 102%;
	margin-left:0%;
	margin-bottom:0%;
	background-position: 2%  50%;
  }
}
div.ThumbNailHome2024 {
	border:#FF0000 0px solid;
	}
	
	@media screen and (min-width: 601px) {
    div.ThumbNailHome2024 {
	width: 100%;
	height: 0;
	float:left;
	padding-top:113%;
	background-repeat: no-repeat;
	background-size: 95%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
    background-position:0% 12%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.ThumbNailHome2024 {
    width: 100%;
	height: 0;
	float:left;
	padding-top:130%;
	background-repeat: no-repeat;
	background-size: 220%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	background-position:6%;
  }
}
@media screen and (max-width: 600px) {
  div.ThumbNailHome2024 {
    width: 100%;
	height: 0;
	float:left;
	padding-top:120%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	background-position:0% 16%;
  }
}
div.CaptionBox2024 {
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	border:#00FF00 0px solid;
	
	}

@media screen and (min-width: 601px) {
  div.CaptionBox2024 {
	width: 39%;
	float: right;
	height: auto;
	margin-top:0%;
	padding:1%;
	margin-right: 0%;
	position:relative;
  }
}

@media screen and (max-width: 800px) {
  div.CaptionBox2024 {
	width: 39%;
	float: right;
	height: auto;
	margin-top:-1%;
	padding:1%;
	margin-right: 0%;
	position:relative;
  }
}

@media screen and (max-width: 600px) {
  div.CaptionBox2024 {
	 width: 40%;
	float: right;
	height: auto;
	margin-top:0%;
	padding:2%;
	margin-right:2%;
	display:none;
  }
}
div.ImageListGalleryDetailWeb {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	border:#00FFFF 0px solid;
	
	
	
}
@media screen and (min-width: 601px) {
  div.ImageListGalleryDetailWeb {
	float: right;
	padding: 2%; 
	width:30%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	margin-top:2%;
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	
	
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageListGalleryDetailWeb {
    width: 34%;
	float: right;
    padding: 0%;
	padding-top: 4%;
	font-size:50%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	display:none;
	
	
  }
}
@media screen and (max-width: 600px) {
  div.ImageListGalleryDetailWeb {
    width: 100%;
	padding: 2%;
	float: left;
	padding-top: 4%;
	font-size:120%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	display:none;
	
	
  }
}
div.GalleryDetailMobileNavWrapper {
	background-image:url(../Images/Grad_BG_2022.png);
	background-size: 120%;
	background-repeat: repeat;
	border: #FFFF00 0px solid;
	
	
}
@media screen and (min-width: 601px) {
  div.GalleryDetailMobileNavWrapper {
display:none;
	
	
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.GalleryDetailMobileNavWrapper {
    width: 102%;
	margin-left:0%;
	margin-top:-2%;
	float: left;
    padding:2%;
	position: -webkit-sticky;
    position: sticky;
	top: 0%;
	display:inline-block;
	height:auto;
	overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
	z-index:1000;

	
	
  }
}
@media screen and (max-width: 600px) {
  div.GalleryDetailMobileNavWrapper {
    width: 100%;
	margin:4% 2% 2% 2%;
	float: left;
    padding:2%;
	position: -webkit-sticky;
    position: sticky;
	top: 1%;
	display:inline-block;
	height:auto;
	overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
	z-index:1000;

	
	
  }
}
div.GalleryMenuItem2024_2 {
	line-height: 100%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 4%;
	padding-right: 1%;
	padding-bottom: 3%;
	font-weight: bold;
	text-transform:uppercase;
	border: #CCCCCC 1px solid;
	background-image:url(../Images/Grad_BG_2022.png);
	

}

div.GalleryMenuItem2024_2:active {
    
	color:#CDA87F;
}
div.GalleryMenuItem2024_2:hover {
    
	color:#CDA87F;
}
div.GalleryMenuItem2024_2:focus {
    
	color:#CDA87F;
	
}
@media screen and (min-width: 601px) {
    div.GalleryMenuItem2024_2 {
	padding-left: 4%;
	font-size: 120%;
	margin-bottom:2%;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.GalleryMenuItem2024_2 {
    padding-left: 0%;
	font-size: 110%;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	margin:0% 1% 0% 1%;
	width:20%;
	float:right;
	display:inline-block;
	position:relative;
	 
	
	
  }
}



@media screen and (max-width: 600px) {
  div.GalleryMenuItem2024_2 {
	  padding-left: 0%;
	font-size: 110%;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	margin:0% 1% 0% 1%;
	width:25%;
	float:right;
	display:none;
	position:relative;
	
  }
}

div.ThanksText {
	line-height: normal;
	color: #FFFFFF;
	padding-top: 0%;
	padding-bottom: 3%;
    font-family: Asap, "Asap Bold";
	text-transform:uppercase;
	font-weight:bold;

	}
	
	
@media screen and (min-width: 601px) {
    div.ThanksText {
	font-size: 150%;
	width: 100%;
	padding-right: 5%;
	padding-left: 2%;
	height: auto;
  }
}
@media screen and (max-width: 1000px) {
  div.ThanksText {
    font-size: 100%;
	width:100%;
	padding-right: 5%;
	padding-left: 2%;
  }
}

@media screen and (max-width: 600px) {
  div.ThanksText {
    font-size: 150%;
	width:100%;
	padding-right: 2%;
	padding-left: 1%;
  }
}

div.CaptionBoxMobile2024 {
	background-size: 120%;
	background-repeat: repeat;
	height: auto;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	border:#00FF00 0px solid;
	
	}

@media screen and (min-width: 601px) {
  div.CaptionBoxMobile2024 {
	width: 39%;
	float: right;
	height: auto;
	margin-top:0%;
	padding:1%;
	margin-right: 0%;
	position:relative;
	display:none;
  }
}

@media screen and (max-width: 1000px) {
  div.CaptionBoxMobile2024 {
	width: 39%;
	float: right;
	height: auto;
	margin-top:-1%;
	padding:1%;
	margin-right: 0%;
	position:relative;
	display:none;
  }
}

@media screen and (max-width: 600px) {
  div.CaptionBoxMobile2024 {
	 width: 44%;
	float: right;
	height: auto;
	margin-top:0%;
	padding:2%;
	margin-right:0%;
	position:relative;
	display:inline-block;
	
  }
}
div.GalleryMenuItem2024_3 {
	line-height: 100%;
	color: #FFFFFF;
	font-family: Asap, "Asap Bold";
	padding-top: 4%;
	padding-right: 1%;
	padding-bottom: 3%;
	font-weight: bold;
	text-transform:uppercase;
	border: #CCCCCC 1px solid;
	background-image:url(../Images/Grad_BG_2022.png);
	

}

div.GalleryMenuItem2024_3:active {
    
	color:#CDA87F;
}
div.GalleryMenuItem2024_3:hover {
    
	color:#CDA87F;
}
div.GalleryMenuItem2024_3:focus {
    
	color:#CDA87F;
	
}
@media screen and (min-width: 601px) {
    div.GalleryMenuItem2024_3 {
	padding-left: 4%;
	font-size: 120%;
	margin-bottom:2%;
	display:none;
	
	
  }
}
@media screen and (max-width: 1000px) {
    div.GalleryMenuItem2024_3 {
    padding-left: 0%;
	font-size: 110%;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	margin:0% 1% 0% 1%;
	width:20%;
	float:right;
	display:none;
	position:relative;
	 
	
	
  }
}



@media screen and (max-width: 600px) {
  div.GalleryMenuItem2024_3 {
	  padding-left: 0%;
	font-size: 130%;
	padding-top: 3%;
	padding-right: 0%;
	padding-bottom: 3%;
	margin:1% 1% 1% 1%;
	width:98%;
	display:inline-block;
	float:left;
	position:relative;
	
  }
}
div.FormWrapperMobile {
	font-family: Asap, "Asap Bold";
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: -2%;
	padding-left: 2%;
	margin-top: -1%;
	border:#F00 0px solid;
}
@media screen and (min-width: 601px) {
  div.FormWrapperMobile  {
	  display:none;
	 
}
}

@media screen and (max-width: 1000px) {
  div.FormWrapperMobile  {
	display:none;
}
}

@media screen and (max-width: 600px) {
  div.FormWrapperMobile  {
	font-family: Asap, "Asap Bold";
	padding-top: -10%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-top: 0%;
	display:block;
	
}
}
div.OrderingTextJM {
	line-height: normal;
	color: #FFFFFF;
	padding-top: 0%;
	padding-bottom: 3%;
    font-family: Asap, "Asap Bold";
	}
	
	
@media screen and (min-width: 601px) {
    div.OrderingTextJM {
	font-size: 100%;
	width: 100%;
	padding-right: 0%;
	padding-left: 0%;
	height: auto;
  }
}
@media screen and (max-width: 1000px) {
  div.OrderingTextJM {
    font-size: 185%;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	height: auto;
  }
}

@media screen and (max-width: 600px) {
  div.OrderingTextJM {
    font-size:100%;
	width:100%;
	padding-right: 2%;
	padding-left: 2%;
  }
}

div.InStockHeader {
	font-family: Asap, "Asap Bold";
	color:#CDA87F;
	border:#FFFF00 0px solid;
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	font-weight:bold;

}
@media screen and (min-width: 601px) {
    div.InStockHeader {
	 display:none;	
	
	
		
  }
}
@media screen and (max-width: 1000px) {
    div.InStockHeader {
     display:none;
	
  }
}

@media screen and (max-width: 600px) {
  div.InStockHeader {
	  display:block;
	  width:96%;
	  margin: 0% 0% 2% 2%;
	  padding: 2% 2% 2% 2%;
	  font-size:160%;
 }
}
div.ImageListGalleryWeb_2 {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	border:#00FFFF 0px solid;
	
	
	
}
@media screen and (min-width: 601px) {
  div.ImageListGalleryWeb_2 {
  display:none;
	}
}

@media screen and (max-width: 1000px) {
  div.ImageListGalleryWeb_2 {
  display:none;
	}
}
@media screen and (max-width: 600px) {
  div.ImageListGalleryWeb_2 {
    width: 98%;
	padding: 2%;
	float: left;
	padding-top: -2%;
	font-size:120%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	display:block;
	margin:-2% 1% 0% 1%;
	
	}
}

div.SalesThumbsWrapper {
	border:#FF0000 0px solid;
	
	
	
	}
	
	@media screen and (min-width: 601px) {
    div.SalesThumbsWrapper {
	margin-top:-4%;
	padding-top:0%;
	padding-bottom:0%;
	display:block;
	width:60%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.SalesThumbsWrapper {
	margin-top:-2%;
	padding-top:0%;
	padding-bottom:0%;
	display:block;
   
  }
}
@media screen and (max-width: 600px) {
  div.SalesThumbsWrapper {
	margin-top:-4%;
	padding-top:0%;
	padding-bottom:0%;
	display:block;
	width:100%;
   
  }
}
div.ImageListSalesWeb {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	border:#00FFFF 0px solid;
	
	
	
}
@media screen and (min-width: 601px) {
  div.ImageListSalesWeb {
	float: right;
	padding: 2%; 
	width:30%;
	position: -webkit-sticky;
    position: sticky;
	top: 2%;
	margin-top:2%;
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 120%;
	background-repeat: repeat;
	display:block;
	
	
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.ImageListSalesWeb {
 
	display:none;
	
	
  }
}
@media screen and (max-width: 600px) {
  div.ImageListSalesWeb {
 
	display:none;
	
	
  }
}

div.BodyDescriptionText {
	line-height: normal;
	color: #FFFFFF;
	padding-top: 0%;
	padding-bottom: 3%;
    font-family: Asap, "Asap Bold";
	}
	
	
@media screen and (min-width: 601px) {
    div.BodyDescriptionText {
		display: none;
  }
}
@media screen and (max-width: 1000px) {
  div.BodyDescriptionText {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  div.BodyDescriptionText {
    font-size:120%;
	width:100%;
	padding-right: 2%;
	padding-left: 2%;
	display:block;
  }
}
ul.SpecsBoxMobile {
	list-style-type:none;
	border:#FFFF00 0px solid;
	

}
@media screen and (min-width: 601px) {
  ul.SpecsBoxMobile {
	display: none;

	
  }
}

@media screen and (max-width: 1000px) {
  ul.SpecsBoxMobile {
   display: none;
	
  }
}
@media screen and (max-width: 600px) {
  ul.SpecsBoxMobile {
    width: 98%;
	font-family: Asap, "Asap Bold";
	font-size:120%;
	font-weight:normal;
	color:#FFFFFF;
	margin: -2% 4% 4% 2%;
	padding: 0% 4% 0% 0%;
	float:left;
	display: block;
	
  }
}
div.BigImageSalesDetail {
	height:auto;
	float: left;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 0%;
	border:#FFFFFF 0px solid;
	background-image: url(../Images/Grad_BG_70.png);
	background-size:200%;
	}
	
@media screen and (min-width: 601px) {
  div.BigImageSalesDetail {
	width: 69%;
	padding:1% 1% 1% 1%;
	margin-top:0%;
	
  }
}

@media screen and (max-width: 1000px) {
  div.BigImageSalesDetail {
    width: 100%;
	padding:2%;
	margin-top:1%;
  }
}
@media screen and (max-width: 600px) {
  div.BigImageSalesDetail {
	width: 98%;
	padding:2%;
	margin:-1% 0% 0% 1%
	
  }
}
div.GalleryWrapper2024 {
	
	border: #6699CC 0px solid;
	
	
	}
@media screen and (min-width: 601px) {
  div.GalleryWrapper2024 {
	display:none;
	 
	
 }
}

@media screen and (max-width: 1000px) {
  div.GalleryWrapper2024 {
	  width:65%;
	  padding:0% 0% 0% 0%;
	  float:left;
	  display:block;
	  
	  
 }
}
@media screen and (max-width: 600px) {
  div.GalleryWrapper2024 {
	   width:102%;
	  padding:0% 0% 0% 2%;
	  float:left;
	  display:block;
	  
  
	
	
  }
}
div.InStockCaption {
	
	position:relative;
	top:2%;
	left:2%;
	color: #CDA87F;
	font-family: Asap, "Asap Bold";
	font-weight: bold;
	background-image:url(../Images/Grad_BG_75.png);
	background-size: 100%;
	background-repeat: repeat;
	width: auto;
	height:auto;
	float: left;
	text-transform:uppercase;
	
	
}
@media screen and (min-width: 601px) {
  div.InStockCaption {
    padding: 2%;
	font-size:100%;
	margin-bottom:2%;

	
  }
}

@media screen and (max-width: 1000px) {
  div.InStockCaption {
   padding: 2%;
	font-size:100%;
	margin-bottom:2%;



  }
}

@media screen and (max-width: 600px) {
  div.InStockCaption {
	 padding: 2%;
	font-size:100%;
	margin-bottom:2%;

	
	 }

}
div.SmallCaptionSales {
	background-image: url(../Images/Grad_BG_75.png);
	background-size: 100%;
	background-repeat: repeat;
	width: 45%;
	height: auto;
	float: left;
	clear:both;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-top: 5%;
	font-family: Asap, "Asap Bold";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	
}
@media screen and (min-width: 601px) {
  div.SmallCaptionSales {
	width: 93%;
	margin-top: -30%;
	margin-left: 3%;
	padding:2% 2% 2% 2%;
	position:relative;
	font-size: 100%;
	
	
  }
}

@media screen and (max-width: 1000px) {
  div.SmallCaptionSales {
   width: 93%;
	margin-top: -34%;
	margin-left: 3%;
	padding:2% 2% 2% 2%;
	position:relative;
	font-size: 70%;
  }
}

@media screen and (max-width: 600px) {
  div.SmallCaptionSales {
  width: 93%;
	margin-top: -34%;
	margin-left: 3%;
	padding:2% 2% 2% 2%;
	position:relative;
	font-size: 110%;
  }
}