/*************************
*** FIRST CP SLIDE CSS ***
**************************/

.cp-paragraph-one, .cp-paragraph-two, .cp-paragraph-three, .cp-paragraph-four, .cp-paragraph-five, .cp-paragraph-six, .cp-paragraph-seven, .cp-paragraph-eight,.p-deposit-one, .p-deposit-two, .p-deposit-three, .p-deposit-four, .p-deposit-five, .p-deposit-six, .p-deposit-seven, .p-deposit-eight, .p-deposit-nine, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve, .main-p-deposit-one, .main-p-deposit-two, .main-p-deposit-three, .main-p-deposit-four, .main-p-deposit-five, .main-p-deposit-six, .main-p-deposit-seven, .main-p-deposit-eight, .main-p-deposit-nine, .main-p-deposit-ten, .main-p-deposit-eleven, .main-p-deposit-twelve, .first-pTwo, .second-pTwo, .third-pTwo, .p-one, .p-two, .p-three{
  color: #D4BC8B;
}

.banner-container, .banner-deposit-container, .banner-withdraw-container{
  text-align: center;
  margin-bottom: 2%;
}

.image-banner-one, .banner-deposit{
  margin-top: 4%;
  width: 63%;
  height: 70%;
}

.image-banner-two {
  margin-top: 4%;
  width: 58.9%;
  height: 70%;
}

.image-banner-three {
  margin-top: 4%;
  width: 46.4%;
  height: 70%;
}

.banner-withdraw {
  margin-top: 2.5%;
  width: 48.5%;
  height: 72%;
}

.cp-container{
  display: flex;
  justify-content: right;
  padding-right: 0 !important;
}

.cp-container-two{
  margin-left: 34%;
}

.cp-one {
  position: absolute;
  height: 55%;
  margin-right: -5.9%;
}

.cp-two {
  position: absolute;
  height: 55%;
  margin-right: -2.8%;
}

.cp-p-container-one, .cp-p-container-two{
  padding-left: 0 !important;
  font-size: 15px;
}

.cp-p-container-one {
  margin-left: 62%;
}

.cp-p-container-two {
  margin-left: 37.7%;
}

.p-title-container {
  margin-top: 20.3%;
}

.p-container{
  margin-top: 9%;
}

.cp-paragraph-title-container{
  margin-left: -7%;
}

.cp-paragraph-title{
  margin-bottom: 0;
  color: #D4BC8B;
}

.cp-paragraph-two{
  margin-top: 40%;
}

.second-main-cp-one{
  padding-left: 10%;
}

/********************************
*** END OF FIRST CP SLIDE CSS ***
*********************************/




/*************************
*** SECOND CP SLIDE CSS **
*************************/

.second-slide-main-row{
  padding: 0 10% !important;
}

.cp-three, .cp-four, .cp-five{
  width: 51.9%;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container{
  text-align: center;
}

/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/



/************************
*** THIRD CP SLIDE CSS **
************************/

.third-slide-main-row{
  padding: 0 10% !important;
}

.cp-six, .cp-seven, .cp-eight{
  width: 51.9%;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container{
  text-align: center;
}

.cp-paragraph-eight{
  line-height: 92%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/




/*********************************
*** DEPOSIT FIRST CP SLIDE CSS ***
*********************************/
.deposit-main-container{
  display: flex;
  justify-content: center;
}

.deposit-container-one, .deposit-container-two, .deposit-container-three, .deposit-container-four, .deposit-container-five, .deposit-container-six, .deposit-container-seven, .deposit-container-eight, .deposit-container-nine, .deposit-container-ten, .deposit-container-eleven, .deposit-container-twelve{
  display: flex;
  justify-content: center;
  display: inline-block;
}

.deposit-container-one, .deposit-container-four, .deposit-container-seven, .deposit-container-ten{
  margin-left: 40%;
}

.deposit-container-three, .deposit-container-six, .deposit-container-nine, .deposit-container-twelve{
  margin-left: -40%;
}

.deposit-one, .deposit-two, .deposit-three, .deposit-four, .deposit-five, .deposit-seven, .deposit-eight, .deposit-nine{
  height: 275px;
}

.deposit-ten, .deposit-eleven, .deposit-twelve{
  height: 323px;
}

.deposit-six{
  height: 260px;
}

.image-deposit-container-one, .image-deposit-container-two, .image-deposit-container-three, .image-deposit-container-four, .image-deposit-container-five, .image-deposit-container-six, .image-deposit-container-seven, .image-deposit-container-eight, .image-deposit-container-nine, .image-deposit-container-ten, .image-deposit-container-eleven, .image-deposit-container-twelve{
  display: flex;
  justify-content: center;
}

.p-deposit-container{
  margin-top: 7%;
  display: flex;
  justify-content: center;
}

.main-p-deposit-six{
  font-size: 15.2px;
  line-height: 122%;
}

.main-p-deposit-nine{
  font-size: 15.5px;
  line-height: 124%;
}

/****************************************
*** END OF DEPOSIT FIRST CP SLIDE CSS ***
****************************************/





#r-section-2 {
  background-color: #ab0000;
  padding: 24px 12px;
}

#r-section-2 .titled-black-box {
  width: auto;
  margin: 12px 0;
  border-radius: 20px;
  background-color: #0d0d0d;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75);
}

#r-section-2 .titled-black-box .card-footer {
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  background-color: #181818;
  border-radius: 0 0 20px 20px;
}

#r-section-2 .r-youtube {
  height: 200px;
  border-radius: 20px;
}

#r-section-2.home .card {
  border: none;
}


/************************************************
*** Start of James CSS Code for Laptop Banner ***
************************************************/
@media (min-width: 1500px){
.image-banner-two {
  width: 59%;
}

.banner-withdraw {
  width: 48.6%;
}
}

@media (min-width: 1280px) and (max-width: 1400px){

.p-title-container {
  margin-top: 20%;
}

.cp-one {
  position: absolute;
  height: 60%;
  margin-right: -6.9%;
}

.cp-two {
  position: absolute;
  height: 60%;
  margin-right: -10%;
}

.cp-p-container-one, .cp-p-container-two {
  padding-left: 0 !important;
  margin-left: 48%;
  font-size: 15px;
}

.cp-p-container-one {
  margin-left: 64%;
}

.cp-three, .cp-four, .cp-five {
  width: 58.6%;
}

.cp-six, .cp-seven, .cp-eight {
  width: 64.3%;
}

.cp-paragraph-eight {
  line-height: 148%;
}

.deposit-container-one, .deposit-container-four, .deposit-container-seven, .deposit-container-ten{
  margin-left: 30%;
}

.deposit-container-three, .deposit-container-six, .deposit-container-nine, .deposit-container-twelve{
  margin-left: -30%;
}

.cp-paragraph-two {
  margin-top: 50%;
}

}

@media (min-width: 1113px) and (max-width: 1279px){

.cp-one {
  position: absolute;
  height: 60%;
  margin-right: -0.9%;
}

.cp-two {
  position: absolute;
  height: 60%;
  margin-right: -11%;
}

.cp-p-container-one {
  margin-left: 49%;
}

.cp-p-container-two {
  padding-left: 0 !important;
  margin-left: 48%;
  font-size: 15px;
}

.cp-paragraph-two {
  margin-top: 57%;
}

.cp-three, .cp-four, .cp-five {
  width: 81.3%;
}

.cp-paragraph-eight {
  line-height: unset;
}

.cp-six, .cp-seven, .cp-eight {
  width: 75.3%;
}

.deposit-six {
  height: 258px;
}

.deposit-nine {
  height: 241px;
}

.deposit-ten, .deposit-eleven, .deposit-twelve {
  height: 347px;
}

.deposit-container-one, .deposit-container-four, .deposit-container-seven, .deposit-container-ten{
  margin-left: 20%;
}

.deposit-container-three, .deposit-container-six, .deposit-container-nine, .deposit-container-twelve{
  margin-left: -20%;
}

.main-p-deposit-six{
  line-height: unset; 
}
}
/**********************************************
*** End of James CSS Code for Laptop Banner ***
**********************************************/



/************************************************
*** Start of James CSS Code for Tablet Banner ***
************************************************/
@media (min-width: 884px) and (max-width: 898px){

.p-title-container {
  margin-top: 15%;
}

.image-banner-one, .image-banner-one-second-slide{
  margin-top: 4%;
  width: 70%;
  height: 97%;
}

.image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 62%;
  height: 97%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide {
  margin-top: 4%;
  width: 54.9%;
  height: 83%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 40%;
  font-size: 24px;
}

.cp-one {
  position: absolute;
  margin-top: 7%;
  height: 66%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 69.6%;
  height: unset;
  margin-top: 8.4%;
  margin-left: 9%;
}

.cp-container-two {
  margin-left: 50%;
}

.cp-paragraph-two {
  margin-top: -52%;
  font-size: 24px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 125.4%;
  margin-top: 19.7%;
}

.cp-four {
  width: 130.7%;
  margin-top: 20.7%;
}

.cp-five {
  width: 130.2%;
  margin-top: 20.9%;
}

.first-pTwo, .second-pTwo, .third-pTwo{
  font-size: 23px;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first {
  text-align: center;
  position: absolute;
  right: -1%;
  top: 55%;
}

.main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 53%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: -0.7%;
  top: 49%;
}

/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 130%;
  margin-top: 15.5%;
}

.cp-eight {
  width: 130.1%;
  margin-top: 16.6%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.p-one, .p-two, .p-three{
  font-size: 25px;
}

.cp-paragraph-eight{
  font-size: 22px;
  line-height: unset;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 1%;
  top: 55%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 46%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/
  
.p-deposit-container {
  margin-top: 4%;
}

.deposit-one-mobile, .deposit-three-mobile{
  height: 521px; 
}

.deposit-two-mobile, .deposit-eleven-mobile, .deposit-twelve-mobile{
  height: 587px; 
}

.deposit-four-mobile, .deposit-seven-mobile {
  height: 554.5px;
}

.deposit-five-mobile, .deposit-eight-mobile, .deposit-ten-mobile{
  height: 620px; 
}

.deposit-six-mobile, .deposit-nine-mobile{
  height: 455px; 
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-one, .p-deposit-two, .p-deposit-three, .p-deposit-four, .p-deposit-five, .p-deposit-six, .p-deposit-seven, .p-deposit-eight, .p-deposit-nine, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
font-size: 22px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: unset;
}
}

@media (min-width: 834px) and (max-width: 883px){

.p-title-container {
  margin-top: 15%;
}

.image-banner-one, .image-banner-one-second-slide{
  margin-top: 4%;
  width: 70%;
  height: 97%;
}

.image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 62%;
  height: 97%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide {
  margin-top: 4%;
  width: 54.9%;
  height: 83%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 40%;
  font-size: 24px;
}

.cp-one {
  position: absolute;
  margin-top: 7%;
  height: 66%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 69.6%;
  height: unset;
  margin-top: 8.4%;
  margin-left: 9%;
}

.cp-container-two {
  margin-left: 50%;
}

.cp-paragraph-two {
  margin-top: -52%;
  font-size: 24px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 125.4%;
  margin-top: 19.7%;
}

.cp-four {
  width: 130.7%;
  margin-top: 20.7%;
}

.cp-five {
  width: 130.2%;
  margin-top: 20.9%;
}

.first-pTwo, .second-pTwo, .third-pTwo{
  font-size: 23px;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first {
  text-align: center;
  position: absolute;
  right: -1%;
  top: 55%;
}

.main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 53%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: -1%;
  top: 49%;
}

/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 130%;
  margin-top: 15.5%;
}

.cp-eight {
  width: 130.1%;
  margin-top: 16.6%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.p-one, .p-two, .p-three{
  font-size: 25px;
}

.cp-paragraph-eight{
  font-size: 22px;
  line-height: unset;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 1%;
  top: 55%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 46%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE DEPOSIT */
.p-deposit-container {
  margin-top: 4%;
}

.deposit-one-mobile, .deposit-three-mobile{
  height: 521px; 
}

.deposit-two-mobile, .deposit-eleven-mobile, .deposit-twelve-mobile{
  height: 587px; 
}

.deposit-four-mobile, .deposit-seven-mobile {
  height: 554.5px;
}

.deposit-five-mobile, .deposit-eight-mobile, .deposit-ten-mobile{
  height: 620px; 
}

.deposit-six-mobile, .deposit-nine-mobile{
  height: 455px; 
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-one, .p-deposit-two, .p-deposit-three, .p-deposit-four, .p-deposit-five, .p-deposit-six, .p-deposit-seven, .p-deposit-eight, .p-deposit-nine, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
font-size: 22px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: unset;
}
}

@media (min-width: 820px) and (max-width: 833px){

.p-title-container {
  margin-top: 15%;
}

.image-banner-one, .image-banner-one-second-slide{
  margin-top: 4%;
  width: 70%;
  height: 97%;
}

.image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 62%;
  height: 97%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide {
  margin-top: 4%;
  width: 54.9%;
  height: 83%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 40%;
  font-size: 24px;
}

.cp-one {
  position: absolute;
  margin-top: 7%;
  height: 66%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 69.6%;
  height: unset;
  margin-top: 8.4%;
  margin-left: 9%;
}

.cp-container-two {
  margin-left: 50%;
}

.cp-paragraph-two {
  margin-top: -52%;
  font-size: 24px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 125.4%;
  margin-top: 19.7%;
}

.cp-four {
  width: 130.7%;
  margin-top: 20.7%;
}

.cp-five {
  width: 130.2%;
  margin-top: 20.9%;
}

.first-pTwo{
  font-size: 22px;
}

.second-pTwo{
  font-size: 22px;
}

.third-pTwo{
  font-size: 23px;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first {
  text-align: center;
  position: absolute;
  right: -1%;
  top: 55%;
}

.main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 53%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: -1%;
  top: 49%;
}

/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 130%;
  margin-top: 15.5%;
}

.cp-eight {
  width: 130.1%;
  margin-top: 16.6%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.p-one, .p-two, .p-three{
  font-size: 25px;
}

.cp-paragraph-eight{
  font-size: 22px;
  line-height: unset;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 1%;
  top: 55%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 46%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE DEPOSIT */
.p-deposit-container {
  margin-top: 4%;
}

.deposit-one-mobile, .deposit-three-mobile{
  height: 521px; 
}

.deposit-two-mobile, .deposit-eleven-mobile, .deposit-twelve-mobile{
  height: 587px; 
}

.deposit-four-mobile, .deposit-seven-mobile {
  height: 554.5px;
}

.deposit-five-mobile, .deposit-eight-mobile, .deposit-ten-mobile{
  height: 620px; 
}

.deposit-six-mobile, .deposit-nine-mobile{
  height: 455px; 
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-one, .p-deposit-two, .p-deposit-three, .p-deposit-four, .p-deposit-five, .p-deposit-six, .p-deposit-seven, .p-deposit-eight, .p-deposit-nine, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
font-size: 22px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: unset;
}
}

@media (min-width: 800px) and (max-width: 819px){

.p-title-container {
  margin-top: 15%;
}

.image-banner-one, .image-banner-one-second-slide{
  margin-top: 4%;
  width: 70%;
  height: 97%;
}

.image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 62%;
  height: 97%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide {
  margin-top: 4%;
  width: 54.9%;
  height: 83%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 40%;
  font-size: 24px;
}

.cp-one {
  position: absolute;
  margin-top: 7%;
  height: 66%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 69.6%;
  height: unset;
  margin-top: 8.4%;
  margin-left: 9%;
}

.cp-container-two {
  margin-left: 50%;
}

.cp-paragraph-two {
  margin-top: -52%;
  font-size: 23px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 125.4%;
  margin-top: 19.7%;
}

.cp-four {
  width: 130.7%;
  margin-top: 20.7%;
}

.cp-five {
  width: 130.2%;
  margin-top: 20.9%;
}

.first-pTwo{
  font-size: 22px;
}

.second-pTwo{
  font-size: 22px;
}

.third-pTwo{
  font-size: 22px;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first {
  text-align: center;
  position: absolute;
  right: -1%;
  top: 55%;
}

.main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 53%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 49%;
}

/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 130%;
  margin-top: 15.5%;
}

.cp-eight {
  width: 130.1%;
  margin-top: 16.6%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.p-one, .p-two, .p-three{
  font-size: 23px;
}

.cp-paragraph-eight{
  font-size: 22px;
  line-height: unset;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 1%;
  top: 55%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 46%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE DEPOSIT */
.p-deposit-container {
  margin-top: 4%;
}

.deposit-one-mobile, .deposit-three-mobile{
  height: 521px; 
}

.deposit-two-mobile, .deposit-eleven-mobile, .deposit-twelve-mobile{
  height: 587px; 
}

.deposit-four-mobile, .deposit-seven-mobile {
  height: 554.5px;
}

.deposit-five-mobile, .deposit-eight-mobile, .deposit-ten-mobile{
  height: 620px; 
}

.deposit-six-mobile, .deposit-nine-mobile{
  height: 455px; 
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-one, .p-deposit-two, .p-deposit-three, .p-deposit-four, .p-deposit-five, .p-deposit-six, .p-deposit-seven, .p-deposit-eight, .p-deposit-nine, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
font-size: 22px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: unset;
}

}

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

  .p-title-container {
    margin-top: 15%;
  }

.image-banner-one, .image-banner-one-second-slide{
  margin-top: 4%;
  width: 70%;
  height: 97%;
}

.image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 62%;
  height: 97%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide {
  margin-top: 4%;
  width: 54.9%;
  height: 83%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 40%;
  font-size: 23px;
}

.cp-one {
  position: absolute;
  margin-top: 7%;
  height: 65%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 66.6%;
  height: unset;
  margin-top: 8.8%;
  margin-left: 10%;
}

.cp-container-two {
  margin-left: 50%;
}

.cp-paragraph-two {
  margin-top: -52%;
  font-size: 23px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 121.2%;
  margin-top: 18.7%;
}

.cp-four {
  width: 130%;
  margin-top: 13.7%;
}

.cp-five {
  width: 130%;
  margin-top: 12.9%;
}

.first-pTwo{
  font-size: 22px;
}

.second-pTwo{
  font-size: 22px;
}

.third-pTwo{
  font-size: 22px;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first{
  text-align: center;
  position: absolute;
  right: 0;
  top: 55%;
}

.main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 53%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 49%;
}

/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 126%;
  margin-top: 14%;
}

.cp-eight {
  width: 126.4%;
  margin-top: 14.6%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.p-one, .p-two, .p-three{
  font-size: 23px;
}

.cp-paragraph-eight{
  font-size: 22px;
  line-height: unset;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 1%;
  top: 55%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 46%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE DEPOSIT */
.p-deposit-container {
  margin-top: 4%;
}

.deposit-one-mobile, .deposit-three-mobile{
  height: 394px; 
}

.deposit-two-mobile, .deposit-eleven-mobile, .deposit-twelve-mobile{
  height: 451px; 
}

.deposit-four-mobile, .deposit-seven-mobile {
  height: 422.5px;
}

.deposit-five-mobile, .deposit-eight-mobile, .deposit-ten-mobile{
  height: 479.5px; 
}

.deposit-six-mobile, .deposit-nine-mobile{
  height: 337px; 
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-one, .p-deposit-two, .p-deposit-three, .p-deposit-four, .p-deposit-five, .p-deposit-six, .p-deposit-seven, .p-deposit-eight, .p-deposit-nine, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
font-size: 19px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: unset;
}

}
/**********************************************
*** End of James CSS Code for Tablet Banner ***
**********************************************/



/************************************************
*** Start of James CSS Code for Mobile Banner ***
************************************************/
@media (min-width: 427px) and (max-width: 500px){

.p-title-container {
  margin-top: 15%;
}

.image-banner-one, .image-banner-one-second-slide, .image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 74%;
  height: 113%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide{
  margin-top: 4%;
  width: 55.9%;
  height: 94%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 28%;
  font-size: 16px;
}

.cp-one {
  position: absolute;
  margin-top: 22%;
  height: 48%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 72%;
  height: unset;
  margin-top: 16.6%;
  margin-right: unset;
}

.cp-container-two {
  margin-left: 42%;
}

.cp-paragraph-two {
    margin-top: -55%;
    font-size: 18px;
}

.first-pTwo{
  font-size: 19px;
}
/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 132.8%;
  margin-top: 35%;
}

.cp-four {
  width: 144.5%;
  margin-top: 35.5%;
}

.cp-five {
  width: 145%;
  margin-top: 34%;
}

.second-pTwo{
  font-size: 19px;
}

.third-pTwo{
  font-size: 17px;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first {
  text-align: center;
  position: absolute;
  right: 0;
  top: 53%;
}

.main-pTwo-container-second, .main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 46%;
}
/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 146%;
  margin-top: 34.5%;
}

.cp-eight {
  width: 146.8%;
  margin-top: 34.5%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.cp-paragraph-eight{
  font-size: 18px;
  line-height: unset;
}

.p-one , .p-two, .p-three {
  font-size: 18px;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 58%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 42%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE */
.banner-deposit {
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.banner-withdraw{
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.deposit-one-mobile {
  margin-top: 8%;
  width: 75%;
}

.deposit-two-mobile {
  margin-top: 8%;
  height: 429.2px;
}

.deposit-three-mobile {
  margin-top: 8%;
  width: 58.2%;
}

.deposit-four-mobile {
  margin-top: 8%;
  height: 402px;
}

.deposit-five-mobile, .deposit-eight-mobile {
  margin-top: 8%;
  height: 454px;
}

.deposit-six-mobile, .deposit-nine-mobile {
  margin-top: 8%;
  height: 352px;
}

.deposit-seven-mobile {
  margin-top: 8%;
  height: 401.5px;
}

.deposit-ten-mobile {
  margin-top: 8%;
  height: 436px;
}

.deposit-eleven-mobile, .deposit-twelve-mobile {
  margin-top: 8%;
  height: 409px;
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-two, .p-deposit-four, .p-deposit-seven, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
  font-size: 18px;
}

.p-deposit-five, .p-deposit-eight{
  font-size: 19px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: 136%;
}

}

@media (min-width: 414px) and (max-width: 426px){

.p-title-container {
  margin-top: 12%;
}

.image-banner-one, .image-banner-one-second-slide, .image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 74%;
  height: 113%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide{
  margin-top: 4%;
  width: 55.9%;
  height: 94%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 28%;
  font-size: 15.8px;
}

.cp-one {
  position: absolute;
  margin-top: 22%;
  height: 49%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 72%;
  height: unset;
  margin-top: 15.6%;
  margin-right: unset;
}

.cp-container-two {
  margin-left: 42%;
}

.cp-paragraph-two {
    margin-top: -59%;
    font-size: 18px;
}

.first-pTwo{
  font-size: 19px;
}
/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 132.8%;
  margin-top: 32.5%;
}

.cp-four {
  width: 144.5%;
  margin-top: 34%;
}

.cp-five {
  width: 145%;
  margin-top: 32.5%;
}

.second-pTwo{
  font-size: 19px;
}

.third-pTwo{
  font-size: 17px;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first {
  text-align: center;
  position: absolute;
  right: 0;
  top: 53%;
}

.main-pTwo-container-second, .main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 46%;
}
/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 146%;
  margin-top: 33%;
}

.cp-eight {
  width: 146.8%;
  margin-top: 33%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.cp-paragraph-eight{
  font-size: 18px;
  line-height: unset;
}

.p-one , .p-two, .p-three {
  font-size: 18px;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 58%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 42%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE */
.banner-deposit {
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.banner-withdraw{
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.deposit-one-mobile{
  margin-top: 8%;
  width: 80%;
}

.deposit-two-mobile {
  margin-top: 8%;
  height: 441.2px;
}

.deposit-three-mobile {
  margin-top: 8%;
  width: 62.1%;
}

.deposit-four-mobile {
  margin-top: 8%;
  height: 413.5px;
}

.deposit-five-mobile, .deposit-eight-mobile {
  margin-top: 8%;
  height: 466px;
}

.deposit-six-mobile, .deposit-nine-mobile {
  margin-top: 8%;
  height: 364px;
}

.deposit-seven-mobile {
  margin-top: 8%;
  height: 413.5px;
}

.deposit-ten-mobile {
  margin-top: 8%;
  height: 449px;
}

.deposit-eleven-mobile, .deposit-twelve-mobile {
  margin-top: 8%;
  height: 422px;
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-two, .p-deposit-four, .p-deposit-seven, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
  font-size: 18px;
}

.p-deposit-five, .p-deposit-eight{
  font-size: 19px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: 136%;
}

}

@media (min-width: 412px) and (max-width: 413px){

.p-title-container {
  margin-top: 14%;
}

.image-banner-one, .image-banner-one-second-slide, .image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 70%;
  height: 113%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide{
  margin-top: 4%;
  width: 55.9%;
  height: 94%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 26%;
  font-size: 16px;
}

.cp-one {
  position: absolute;
  margin-top: 27%;
  height: 44%;
  margin-right: unset;
}
  
.cp-two {
  position: unset;
  width: 76.6%;
  height: unset;
  margin-top: 13.9%;
  margin-right: unset;
}
  
.cp-container-two {
  margin-left: 45%;
}

.cp-paragraph-two {
  margin-top: -59%;
  font-size: 15px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 141.7%;
  margin-top: 28%;
}
  
.cp-four {
  width: 154%;
  margin-top: 29%;
}

.cp-five {
  width: 154%;
  margin-top: 28.5%;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first, .main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: -2px;
  top: 44%;
}
/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 153.5%;
  margin-top: 28.5%;
}

.cp-eight {
  width: 154.6%;
  margin-top: 28.3%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 58%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 43%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE */
.banner-deposit {
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.banner-withdraw{
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.deposit-one-mobile{
  margin-top: 8%;
  width: 80%;
}

.deposit-two-mobile {
  margin-top: 8%;
  height: 438.2px;
}

.deposit-three-mobile {
  margin-top: 8%;
  width: 62.1%;
}

.deposit-four-mobile {
  margin-top: 8%;
  height: 411.5px;
}

.deposit-five-mobile, .deposit-eight-mobile {
  margin-top: 8%;
  height: 464px;
}

.deposit-six-mobile, .deposit-nine-mobile {
  margin-top: 8%;
  height: 362px;
}

.deposit-seven-mobile {
  margin-top: 8%;
  height: 411.5px;
}

.deposit-ten-mobile {
  margin-top: 8%;
  height: 447px;
}

.deposit-eleven-mobile, .deposit-twelve-mobile  {
  margin-top: 8%;
  height: 420px;
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-two, .p-deposit-four, .p-deposit-seven, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
  font-size: 18px;
}

.p-deposit-five, .p-deposit-eight{
  font-size: 19px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: 136%;
}

}

@media (min-width: 392px) and (max-width: 411px){

.p-title-container {
  margin-top: 14%;
}

.image-banner-one, .image-banner-one-second-slide, .image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 70%;
  height: 113%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide{
  margin-top: 4%;
  width: 55.9%;
  height: 94%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 26%;
  font-size: 15px;
}

.cp-one {
  position: absolute;
  margin-top: 27%;
  height: 44%;
  margin-right: unset;
}
  
.cp-two {
  position: unset;
  width: 75.6%;
  height: unset;
  margin-top: 13.9%;
  margin-right: unset;
}
  
.cp-container-two {
  margin-left: 45%;
}

.cp-paragraph-two {
  margin-top: -59%;
  font-size: 15px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 140.1%;
  margin-top: 28%;
}
  
.cp-four {
  width: 153.5%;
  margin-top: 29%;
}
  
.cp-five {
  width: 153.3%;
  margin-top: 28.5%;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first, .main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: -2px;
  top: 44%;
}
/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 152.8%;
  margin-top: 28.5%;
}

.cp-eight {
  width: 153.6%;
  margin-top: 28.3%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 58%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 43%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE */
.banner-deposit {
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.banner-withdraw{
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.deposit-one-mobile{
  margin-top: 8%;
  width: 80%;
}

.deposit-two-mobile {
  margin-top: 8%;
  height: 419.2px;
}

.deposit-three-mobile {
  margin-top: 8%;
  width: 62.1%;
}

.deposit-four-mobile {
  margin-top: 8%;
  height: 391.5px;
}

.deposit-five-mobile, .deposit-eight-mobile  {
  margin-top: 8%;
  height: 444px;
}

.deposit-six-mobile, .deposit-nine-mobile {
  margin-top: 8%;
  height: 355.5px;
}

.deposit-seven-mobile {
  margin-top: 8%;
  height: 391.5px;
}

.deposit-ten-mobile {
  margin-top: 8%;
  height: 428px;
}

.deposit-eleven-mobile {
  margin-top: 8%;
  height: 401px;
}

.deposit-twelve-mobile {
  margin-top: 8%;
  height: 400.7px;
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-two, .p-deposit-four, .p-deposit-seven, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
  font-size: 18px;
}

.p-deposit-five, .p-deposit-eight{
  font-size: 19px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: 122%;
}

}

@media (min-width: 390px) and (max-width: 391px){

.p-title-container {
  margin-top: 14%;
}

.image-banner-one, .image-banner-one-second-slide, .image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 70%;
  height: 113%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide{
  margin-top: 4%;
  width: 55.9%;
  height: 94%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 26%;
  font-size: 15px;
}

.cp-one {
  position: absolute;
  margin-top: 27%;
  height: 44%;
  margin-right: unset;
}
  
.cp-two {
  position: unset;
  width: 75.6%;
  height: unset;
  margin-top: 14.5%;
  margin-right: unset;
}
  
.cp-container-two {
  margin-left: 44%;
}

.cp-paragraph-two {
  margin-top: -59%;
  font-size: 16px;
}

.first-pTwo, .second-pTwo, .third-pTwo{
  font-size: 17px;
}
/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 140.1%;
  margin-top: 30%;
}
  
.cp-four {
  width: 153.5%;
  margin-top: 30.8%;
}
  
.cp-five {
  width: 153.3%;
  margin-top: 30.5%;
}

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first, .main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 49%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: -2px;
  top: 44%;
}
/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 152.8%;
  margin-top: 30.5%;
}

.cp-eight {
  width: 153.6%;
  margin-top: 30.3%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 58%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 43%;
}

.p-one, .p-two, .p-three{
  font-size: 17px;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE */
.banner-deposit {
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.banner-withdraw{
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.deposit-one-mobile{
  margin-top: 8%;
  width: 80%;
}

.deposit-two-mobile {
  margin-top: 8%;
  height: 416.4px;
}

.deposit-three-mobile {
  margin-top: 8%;
  width: 62.1%;
}

.deposit-four-mobile {
  margin-top: 8%;
  height: 389.3px;
}

.deposit-five-mobile{
  margin-top: 8%;
  height: 443.5px;
}

.deposit-six-mobile, .deposit-nine-mobile {
  margin-top: 8%;
  height: 353.5px;
}

.deposit-seven-mobile {
  margin-top: 8%;
  height: 389.5px;
}

.deposit-eight-mobile {
  margin-top: 8%;
  height: 443.5px;
}

.deposit-ten-mobile {
  margin-top: 8%;
  height: 426px;
}

.deposit-eleven-mobile {
  margin-top: 8%;
  height: 399px;
}

.deposit-twelve-mobile {
  margin-top: 8%;
  height: 398.7px;
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-two, .p-deposit-four, .p-deposit-five, .p-deposit-seven, .p-deposit-eight, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
  font-size: 18px;
}

.p-deposit-six, .p-deposit-nine{
  line-height: 122%;
}
}

@media (min-width: 375px) and (max-width: 390px){

.p-title-container {
  margin-top: 14%;
}

.image-banner-one, .image-banner-one-second-slide, .image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 70%;
  height: 113%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide{
  margin-top: 4%;
  width: 55.9%;
  height: 94%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 26%;
  font-size: 14.6px;
}

.cp-one {
  position: absolute;
  margin-top: 27%;
  height: 44%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 77.1%;
  height: unset;
  margin-top: 13.9%;
  margin-right: unset;
}

.cp-container-two {
  margin-left: 45%;
}

.cp-paragraph-two {
  margin-top: -59%;
  font-size: 15px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 143.5%;
  margin-top: 28%;
}

.cp-four {
  width: 157.5%;
  margin-top: 29%;
}

.cp-five {
  width: 157.3%;
  margin-top: 28.5%;
} 

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first, .main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: -2%;
  top: 50%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: -2px;
  top: 44%;
}
/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 157%;
  margin-top: 28.5%;
}

.cp-eight {
  width: 158%;
  margin-top: 28.3%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 58%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: -2%;
  top: 43%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE */
.banner-deposit {
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.banner-withdraw{
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.deposit-one-mobile{
  margin-top: 8%;
  width: 80%;
}

.deposit-two-mobile {
  margin-top: 8%;
  height: 407px;
}

.deposit-three-mobile {
  margin-top: 8%;
  width: 62.1%;
}

.deposit-four-mobile {
  margin-top: 8%;
  height: 383.3px;
}

.deposit-five-mobile, .deposit-eight-mobile {
  margin-top: 8%;
  height: 431px;
}

.deposit-six-mobile, .deposit-nine-mobile {
  margin-top: 8%;
  height: 351px;
}

.deposit-seven-mobile {
  margin-top: 8%;
  height: 383px;
}

.deposit-ten-mobile {
  margin-top: 8%;
  height: 414px;
}

.deposit-eleven-mobile {
  margin-top: 8%;
  height: 390px;
}

.deposit-twelve-mobile {
  margin-top: 8%;
  height: 389.7px;
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-six, .p-deposit-nine{
  line-height: 108%;
}
}

@media (min-width: 360px) and (max-width: 374px){

.p-title-container {
  margin-top: 14%;
}

.image-banner-one, .image-banner-one-second-slide, .image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 70%;
  height: 113%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide{
  margin-top: 4%;
  width: 55.9%;
  height: 94%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 26%;
  font-size: 14px;
}

.cp-one {
  position: absolute;
  margin-top: 27%;
  height: 43%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 77.6%;
  height: unset;
  margin-top: 13.9%;
  margin-right: unset;
}

.cp-container-two {
  margin-left: 45%;
}

.cp-paragraph-two {
  margin-top: -59%;
  font-size: 15px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 144.5%;
  margin-top: 28%;
}

.cp-four {
  width: 159.5%;
  margin-top: 29%;
}

.cp-five {
  width: 159.3%;
  margin-top: 28.5%;
} 

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first, .main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: -2px;
  top: 44%;
}
/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 159%;
  margin-top: 28.5%;
}

.cp-eight {
  width: 160%;
  margin-top: 28.3%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 58%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 43%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE */
.banner-deposit {
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.banner-withdraw{
  margin-top: 10%;
  width: 77%;
  height: 64%;
}

.deposit-one-mobile{
  margin-top: 8%;
  width: 80%;
}

.deposit-two-mobile{
  margin-top: 8%;
  height: 391.5px;
}

.deposit-three-mobile {
  margin-top: 8%;
  width: 62.1%;
}

.deposit-four-mobile {
  margin-top: 8%;
  height: 367.3px;
}

.deposit-five-mobile, .deposit-eight-mobile{
  margin-top: 8%;
  height: 415.5px;
}

.deposit-six-mobile, .deposit-nine-mobile {
  margin-top: 8%;
  height: 336px;
}

.deposit-seven-mobile {
  margin-top: 8%;
  height: 367.5px;
}

.deposit-ten-mobile {
  margin-top: 8%;
  height: 399px;
}

.deposit-eleven-mobile {
  margin-top: 8%;
  height: 375.5px;
}

.deposit-twelve-mobile {
  margin-top: 8%;
  height: 375.7px;
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-six, .p-deposit-nine{
  line-height: 108%;
}

}

@media (max-width: 320px){

.p-title-container {
  margin-top: 8%;
}

.banner-deposit {
  margin-top: 7%;
  width: 76%;
  height: 70%;
}

.banner-withdraw {
  margin-top: 7%;
  width: 48.3%;
  height: 72%;
}

.image-banner-one, .image-banner-one-second-slide, .image-banner-two, .image-banner-two-second-slide, .image-banner-two-third-slide {
  margin-top: 4%;
  width: 70%;
  height: 113%;
}

.image-banner-three, .image-banner-three-second-slide, .image-banner-three-third-slide{
  margin-top: 4%;
  width: 55.9%;
  height: 94%;
}

.image-banner {
  margin-top: 5%;
  padding: unset;
}

.cp-container {
  display: flex;
  justify-content: unset;
  padding-right: 0 !important;
}

.second-main-cp-one {
  padding-left: unset; 
}

.cp-p-container-one {
  margin-left: 24%;
  font-size: 12.6px;
}

.cp-one {
  position: absolute;
  margin-top: 25%;
  height: 42%;
  margin-right: unset;
}

.cp-two {
  position: unset;
  width: 77.6%;
  height: unset;
  margin-top: 9.8%;
  margin-right: unset;
}

.cp-container-two {
  margin-left: 45%;
}

.cp-paragraph-two {
  margin-top: -58%;
  font-size: 13.7px;
}

/*************************
*** SECOND CP SLIDE CSS **
*************************/
.cp-three {
  width: 140%;
  margin-top: 26.5%;
}

.cp-four{
  width: 154.5%;
  margin-top: 31.5%;
}

.cp-five{
  width: 154%;
  margin-top: 31.5%;
} 

.second-slide-main-row{
  padding: 0 10% !important;
}

.main-cpTwo-container{
  display: flex;
  justify-content: center;
}

.main-pTwo-container-first, .main-pTwo-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 49%;
}

.main-pTwo-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 40%;
}
/********************************
*** END OF SECOND CP SLIDE CSS **
********************************/


/************************
*** THIRD CP SLIDE CSS **
************************/
.cp-six, .cp-seven {
  width: 153.5%;
  margin-top: 31.5%;
}

.cp-eight {
  width: 154.5%;
  margin-top: 31.5%;
}

.third-slide-main-row{
  padding: 0 10% !important;
}

.main-cpThree-container{
  display: flex;
  justify-content: center;
}

.main-pThree-container-first, .main-pThree-container-second {
  text-align: center;
  position: absolute;
  right: 0;
  top: 58%;
}

.main-pThree-container-third {
  text-align: center;
  position: absolute;
  right: 0;
  top: 39%;
}
/*******************************
*** END OF THIRD CP SLIDE CSS **
*******************************/

/* FOR MOBILE */

.deposit-one-mobile, .deposit-three-mobile {
  height: 266px;
  margin-top: 8%;
}

.deposit-two-mobile{
  height: 311px;
  margin-top: 8%;
}

.deposit-four-mobile, .deposit-seven-mobile{
  height: 288px; 
  margin-top: 8%;
}

.deposit-five-mobile{
  height: 339.4px;
  margin-top: 8%;
}

.deposit-six-mobile, .deposit-nine-mobile{
  height: 220.5px; 
  margin-top: 8%;
}

.deposit-eight-mobile, .deposit-ten-mobile {
  height: 333px;
  margin-top: 8%;
}

.deposit-eleven-mobile {
  height: 310.7px;
  margin-top: 8%;
}

.deposit-twelve-mobile{
  height: 310.4px;
  margin-top: 8%;
}

.mobile-image-deposit-container-one, .mobile-image-deposit-container-two, .mobile-image-deposit-container-three, .mobile-image-deposit-container-four, .mobile-image-deposit-container-five, .mobile-image-deposit-container-six, .mobile-image-deposit-container-seven, .mobile-image-deposit-container-eight, .mobile-image-deposit-container-nine, .mobile-image-deposit-container-ten, .mobile-image-deposit-container-eleven, .mobile-image-deposit-container-twelve{
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-deposit-one, .p-deposit-two, .p-deposit-three, .p-deposit-four, .p-deposit-five, .p-deposit-six, .p-deposit-seven, .p-deposit-eight, .p-deposit-nine, .p-deposit-ten, .p-deposit-eleven, .p-deposit-twelve{
  font-size: 15px;
  color: #fff2a4;
}

.p-deposit-five{
  line-height: 108%;
}

}
/**********************************************
*** End of James CSS Code for Mobile Banner ***
**********************************************/


@media (min-width: 576px) {
  #r-section-2 .r-youtube {
    height: 300px;
  }
}

@media (min-width: 768px) {
  #r-section-2 .r-youtube {
    height: 350px;
  }


}

@media (min-width: 992px) {
  #r-section-2 .titled-black-box .card-text {
    min-height: 75px;
  }

  #r-section-2 .r-youtube {
    height: 275px;
  }
}

@media (min-width: 1200px) {
  #r-section-2 .titled-black-box .card-text {
    min-height: 100px;
  }

  #r-section-2 .r-youtube {
    height: 330px;
  }

  #r-section-2 {
    padding: 48px 0;
  }
}

@media (min-width: 1400px) {

  #r-section-2 .r-youtube {
    height: 378px;
  }

}