.hercules-f1-1{

   position: relative;
right: 8%;
 top: 110px;
	width: 70%;
	height: 480px;

background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(56%, rgba(133,133,133,0.44)), color-stop(100%, rgba(171,171,171,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ababab', GradientType=1 );









}



.hercules-f1-3{

position: absolute;
right: 10%;
 top: 48%;
	width: 30%;
	height: 100px;
}


.hercules-f1-4{

position: absolute;
right: 7%;
 top: 33%;
	width: 30%;
	height: 0px;
}



.hercules-f1-5{

position: absolute;
right: 0%;
 top: 3%;
	width: 43%;
	height: 25%;

box-shadow: 3px 15px 46px 8px rgba(0, 28, 109, 0.5);
	-webkit-box-shadow: 3px 15px 46px 8px rgba(0, 28, 109, 0.5);
	border-top-left-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 20px;
	background-color: rgba(161, 161, 161, 0.55);
	background-image: linear-gradient(rgba(0, 0, 0, 0.23) 25.66%, rgba(0, 0, 0, 0.42) 34.89%, rgba(3, 3, 3, 0) 99.41%, rgba(0, 0, 0, 0.27) 85.56%);
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;



}






.hercules-f1-2{

   position: relative;
right: 6.5%;
 top: 20px;
	width: 72%;
	height: 480px;

background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(56%, rgba(133,133,133,0.44)), color-stop(100%, rgba(171,171,171,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(133,133,133,0.44) 56%, rgba(171,171,171,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ababab', GradientType=1 );

}


   

 @media screen and (max-width: 1350px) {
.hercules-f1-1{

   position: relative;
right: 4%;
 top: 110px;
	width: 70%;
	height: 480px;
 }
 
 .hercules-table1{
     position: relative;
     width: 100%;
  right: -2%;   
 }
 
 
  .hercules-table2{
     position: relative;
     width: 100%;
  right: -4%;   
 }
   .hercules-table3{
     position: relative;
     width: 100%;
  right: -2%;   
 }
 
 
 .hercules-f1-2{
   position: relative;
right: 2%;
top: 20px;
width: 72%;
height: 490px;  
 }
 
 
  .hercules-f1-5{
  position: absolute;
right: 0%;
top: 3%;
width: 43%;
height: 25%;
 }

 
 
 }

 


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

.hercules-f1-1{

   position: relative;
right: 4%;
 top: 110px;
	width: 70%;
	height: 550px;
 }
 
 
 
 
  .hercules-f1-2{
   position: relative;
right: 5%;
top: 20px;
width: 72%;
height: 550px;  
 }
 
 
 .hercules-f1-5{
  position: absolute;
right: 0%;
top: 3%;
width: 43%;
height: 27%;
 }
 
 
 .hercules-table5{
 
  position: absolute;
right: 0%;
top: 15px;
width: 100%;

}
 .hercules-f1-5{
  position: absolute;
right: 0%;
top: 3%;
width: 43%;
height: 28%;
 }



}

 

 @media screen and (max-width: 1040px) {
     
     
      .hercules-f1-2{
   position: relative;
right: 4%;
top: 20px;
width: 75%;
height: 600px;  
 }
     
.hercules-f1-1{

   position: relative;
right: 5%;
 top: 100px;
	width: 110%;
	height: 570px;
	
box-shadow: 0px 0px 20px 0px #5b5b5b;
	-webkit-box-shadow: 0px 0px 20px 0px #5b5b5b;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	background-color: rgba(0, 0, 0, 0.55);
	background-image: linear-gradient(rgba(93, 93, 93, 0.83) 11.97%, rgba(0, 0, 0, 0.68) 39.04%, rgba(0, 0, 0, 0.73) 77.05%);
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	
 }



div.center-content:nth-child(7){

box-shadow: 0px 0px 20px 0px #5b5b5b;
	-webkit-box-shadow: 0px 0px 20px 0px #5b5b5b;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	background-color: rgba(0, 0, 0, 0.55);
	background-image: linear-gradient(rgba(93, 93, 93, 0.83) 11.97%, rgba(0, 0, 0, 0.68) 39.04%, rgba(0, 0, 0, 0.73) 77.05%);
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;

}



 .hercules-f1-5{
  position: absolute;
right: 0%;
top: 0%;
width: 43%;
height: 35%;
 }

 .hercules-table5{
 
  position: absolute;
right: 0%;
top: 35px;
width: 100%;

}

.hercules-f1-3{
 
     position: absolute;
    right: 5%;
    top: 52%;
    width: 30%;
    height: 100px;

}

}




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



}