.xc-caption-wrapper{
  position: relative;
  transform: translateX(0%) translateY(128%) translateZ(0);
  /*height: 15em;*/
  z-index: 1;
  background: var(--xc1);
}
.xc-caption-wrapper .xc-caption-content{
  margin-left: -11em;
  padding: 2.5em 0;
  position: relative;
 
}
.xc-caption-wrapper .xc-caption-content .xc-bg-banner-shape{
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
	height: 100%;
	left: -12vw;
}
.xc-caption-wrapper .xc-left{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    /*transform: skew(-20deg);*/
    background: var(--xc1);
    z-index: -1;
    left: -26%;
}
.xc-caption-wrapper .xc-right{
  width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: skew(-20deg);
    background: var(--xc1);
    z-index: -1;
    right: -25%;
}
.xc-caption-wrapper .xc-caption-content h2{
    font-family: "Freight Display Pro W01", "Times", "Times New Roman", georgia, serif;
    color: var(--xc0);
    font-weight: 100;
    margin: 0 0 .4em 0;
    font-size: 3.5rem;
    max-width: 90%;
}
.xc-caption-wrapper .xc-caption-content .xc-caption-box{
  display: flex;
}
.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-desc{
  flex: 80%;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 3em;
}
.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-btn{
  flex: 20%;
}
.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-btn .xc-caption-btn{
  text-transform: uppercase;
  background: var(--xc6);
  color: var(--xc1);
  border-radius: 0;
  padding: 20px 80px 25px 20px;
  margin-bottom: 0;
  position: absolute;
  bottom: 35px;
}
.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-btn .xc-caption-btn:focus{
  box-shadow: none;
}
.xc-home-hero-wraper .xc-caption-area .xc-caption-area-img{
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    height: 100%;
    opacity: .4;
}


@media (max-width: 480px){
	.xc-section1 {
 	    background: none;
	}
	.xc-caption-wrapper {
	    transform: none; 
	}
	.xc-caption-wrapper .xc-caption-content {
	    margin-left: 0;
	    padding: 2em;
	    border-bottom: 5em solid var(--xc2);
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-desc {
	    margin-bottom: 0;
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-btn .xc-caption-btn {
	    bottom: -44px;
    	width: 17em;
    	text-align: left;
    	transform: skew(-20deg) translateX(40px);
    	padding: 25px 80px 25px 20px;
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-btn .xc-caption-btn span{
		display: block;
	    transform: skew(20deg) !important;
	}
	.xc-home-hero-wraper {

	    margin-top: 0;
	}
	.xc-caption-wrapper .xc-caption-content h2 {
	    font-size: 2rem;
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box {
	    flex-direction: column;
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-btn .xc-caption-btn {
	    padding: 25px 80px 25px 35px;
	    margin-left: 9em;
	}
}
@media (min-width: 481px) and (max-width: 991px){
	.xc-section1 {
 	    background: none;
	}
	 .xc-caption-wrapper {
	    transform: none; 
	    padding:0 2em;
	    border-bottom: 5em solid var(--xc2);
	}
	.xc-caption-wrapper .xc-caption-content {
	    margin-left: 0;
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-desc {
	    margin-bottom: 0;
	}
	.xc-caption-wrapper .xc-caption-content h2 {
	    font-size: 2.5rem;
	    max-width: 100%; 
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-btn .xc-caption-btn {
	   	bottom: -44px;
    	width: 17em;
    	text-align: left;
    	transform: skew(-20deg) translateX(40px);
    	padding: 25px 80px 25px 20px;
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-btn .xc-caption-btn span{
		display: block;
	    transform: skew(20deg) !important;
	}
	.xc-home-hero-wraper {

	    margin-top: 0;
	}
}
@media (min-width: 992px) and (max-width: 1200px){
	.xc-section1 {
	    height: 662px !important;
	}
	.xc-caption-wrapper {
	    margin-left: 13em;
    	transform: translateX(0%) translateY(97%) translateZ(0);
	}
	.xc-caption-wrapper .xc-caption-content {
	    margin-left: -3em;
	    padding: 1.5em 0;
	}
	.xc-caption-wrapper .xc-caption-content .xc-bg-banner-shape {
	    left: -16vw;
	}
	.xc-caption-wrapper .xc-caption-content h2 {
	    font-size: 2.5rem;
	}
}
@media (min-width: 1201px) and (max-width: 1300px){
	.xc-caption-wrapper {
	    margin-left: -18em;
	    transform: translateX(0%) translateY(75%) translateZ(0);
	}
	.xc-caption-wrapper .xc-caption-content {
	    margin-left: -3em;
	    padding: 2.5em 0;
	}
	.xc-caption-wrapper .xc-caption-content .xc-bg-banner-shape {
	    left: -16vw;
	}
	.xc-caption-wrapper .xc-caption-content h2 {
	    font-size: 2.5rem;
	}
}
@media (min-width: 1301px) and (max-width: 1400px){
	.xc-caption-wrapper {
	    margin-left: -10em;
	    transform: translateX(0%) translateY(78%) translateZ(0);
	}
	.xc-caption-wrapper .xc-caption-content {
    margin-left: -4em;
	}
	.xc-caption-wrapper .xc-caption-content .xc-bg-banner-shape {
	    left: -14vw;
	}
	.xc-caption-wrapper .xc-caption-content h2 {
	    font-size: 2.5rem;

	}
}
@media (min-width: 1401px) and (max-width: 1500px){
	.xc-caption-wrapper {
	    margin-left: -41em;
	    transform: translateX(0%) translateY(80%) translateZ(0);
	}
	.xc-home-hero-wraper .xc-caption-area::before {
	    content: "";
	    background: var(--xc2);
	    width: 33vw;
	    transform: skew(-20deg);
	    height: 100%;
	    position: absolute;
	    top: 0;
	    right: 17vw;
	    /* z-index: -1; */
	} 
}
@media (min-width: 1501px) and (max-width: 1600px){
	.xc-caption-wrapper {
	    margin-left: -36em;
	    transform: translateX(0%) translateY(80%) translateZ(0);
	}
	.xc-caption-wrapper .xc-caption-content .xc-caption-box .xc-caption-desc {
	    flex: 70%;
	}  
}
@media (min-width: 1601px) and (max-width: 1700px){
	.xc-caption-wrapper {
	    margin-left: -36em;
	    transform: translateX(0%) translateY(80%) translateZ(0);
	} 
}
@media (min-width: 1701px) and (max-width: 1800px){
	 .xc-caption-wrapper {
	    margin-left: -34em;
	    transform: translateX(0%) translateY(80%) translateZ(0);
	}
}