@font-face { font-family: "Gotham book"; src: url('/public/fonts/GothamFont/Gotham-Book.otf'); }
@font-face { font-family: "Gotham medium"; src: url('/public/fonts/GothamFont/Gotham-Medium.otf'); }
@font-face { font-family: "Gotham book italic"; src: url('/public/fonts/GothamFont/Gotham-BookItalic.otf'); }
@font-face { font-family: "Gotham bold"; src: url('/public/fonts/GothamFont/Gotham-Bold.otf'); }



.map-divProduct{
  /*  background:url("/public/images/productPage/New Product Page banner.jpg");*/
    height:auto!important;
    background-size: cover;
    border-bottom:5px solid #e6b222
}



.map-divApiProduct{
  /*  background:url("/public/images/productPage/APIProductPage/APIproductpage.jpg");*/
    height:auto!important;
    background-size: cover;
    border-bottom:5px solid #e6b222
}

#myCarouselAProduct {
    margin-left: 57%;
    top: 50%;
    width: 740px;
    position: absolute;
    /* left: 21.54%;
    margin:auto;
    position:absolute;
    */
}


#myCarouselAProduct::after {
    content: "";
    background: rgba(255,255,255, 0.45);
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 60px;
}

#myCarouselAProduct > * {
    z-index: 10;
}
#myCarouselAProduct > .carousel-inner
{ overflow:hidden;    height: 37px;
    position: relative;}

#myCarouselAProduct1 {
    margin-left: 57%;
    top: 58%;
    width: 740px;
    position: absolute;
    /* left: 21.54%;
    margin:auto;
    position:absolute;
    */
}


#myCarouselAProduct1::after {
    content: "";
    background: rgba(255,255,255, 0.45);
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100px;
}

#myCarouselAProduct1 > * {
    z-index: 10;
}
#myCarouselAProduct1 > .carousel-inner
{ overflow:hidden;    height: 80px;
    position: relative;}

.logo-list li a.text{

    font-family: "Gotham book italic";
    font-size: 14px;
    color: #393D3D;
    margin-left: 55px;

}

.logo-list li a.textApi{

    font-family: "Gotham book italic";
    font-size: 20px;
    color: #393D3D;
    margin-left: 55px;

}

.carousel-controlAProduct:hover,.carousel-controlAProduct:focus {color:#e6b222}

.carousel-controlAProduct {
    color: #ffffff;
    font-size: 29px;
    font-weight: 700;
    left: 15px;
    line-height: 42px;
    top: -11%;
    position: absolute;
}


.carousel-controlAProduct.right {
    left: auto;
    right: 15px;
}
.carousel-controlAProduct.right:hover,
.carousel-controlAProduct.right:focus{color:#e6b222}

.arrowLeftProduct{  width: 16px;  }
.arrowRightProduct{  width: 16px;  }

/*.thonjezal{
    left: 5%;
    position: absolute;
    width: 15px;


}

 .thonjezar{
    left: 63%;
    position: absolute;
    top: 53%;
    width: 15px;
}





.thonjezar1{
    left: 64%;
    position: absolute;
    top: 53%;
    width: 15px;
}




.thonjezar2{
    left: 38%;
    position: absolute;
    top: 24px;
    width: 14px;
}

.thonjezar3{
    left: 83%;
    position: absolute;
    top: 78%;
    width: 15px;
}

.thonjezar4{
    left:76%;
    position: absolute;
    top: -7%;
    width: 16px;
}
.logoTestimonials{
    left: 69%;
    position: absolute;
    top: 17%;
    width: 22%;

}




.logoTestimonials1{
     width: 18%;
   position: absolute;
   top: -53%;
   left: 69%;
    left:72%;
    position: absolute;

    width: 17%;
}

.logoTestimonials2{
    left: 77.4%;
    position: absolute;
    top: -63%;
    width: 17%;
}


.logoTestimonials3{
      width: 7%;
       position: absolute;
       top: -43%;
       left: 83%;
       height: 42px;
 
    left: 86%;
    position: absolute;
    top: 14%;
    width: 8%;
}


.logoTestimonials4{
    width: 14%;
    position: absolute;
    top: -43%;
    left: 81%;
    height: 42px;
} */

/* Edited by Oraldo */

.TestimonialBracketLeft{
    left: 10%;
    position: absolute;
    width: 15px;
}


.teachingPLogo {
    left: 71%;
    position: absolute;
    top: 0%;
    width: 20%;
}

.elEcoLogo {
    left: 71%;
    position: absolute;
    top: 17%;
    width: 22%;
}

.elEcoRight {
    position: absolute;
    top: 53%;
    right: 31%;
    width: 15px;
}

.leMondeRight{
    position: absolute;
    top: 53%;
    right: 30%;
    width: 15px;
}

.leMondeLogo{
    left:72%;
    position: absolute;
    width: 17%;
}

.FtRight {
    right: 55%;
    position: absolute;
    top: 100%;
    width: 15px;
}

.FtLogo {
    left: 77%;
    position: absolute;
    top: -85%;
    width: 17%;
}

.TcRight {
    right : 75%;
    position: absolute;
    top: 60%;
    width: 15px;
}

.TcLogo{
    position: absolute;
    top: 14%;
    right: 10%;
    width: 8%;
}

.mgl8{
    margin-left: 8%;
}

.text1, .text2, .text4, .text5 {  vertical-align: -moz-middle-with-baseline;  }


@media screen and (-webkit-min-device-pixel-ratio:0)

{
    .text1 {  vertical-align: webkit-baseline-middle;  }
}


.benefitsBorder {
    /* background: url("../img/homepage/Background-stripe-i-The-benefits-dhe-Video.png")*/;
    background-color:#D1D3D4;
    display: inline-table;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 470px;
    /*border-bottom: 1px solid #393D3D;*/
    margin-top: 24px;
}


.img-benefitsBorder {

    margin-right: 2%;
    max-width: 170px;
    margin-top: 80px;
    color: #939598;


    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}



.img-benefitsBorder > span{
    font-family: Gotham book;
    font-size: 16px!important;
    color:#393D3D;
}


.benefitsBorderImgL, .benefitsBorderImg1L, .benefitsBorderImg2L{
    float: left;
    margin-left: -290px;
    max-width: 425px;
    margin-top:30px;
}
.benefitsBorderImgR, .benefitsBorderImg1R , .benefitsBorderImg2R{
    float: right;
    margin-right: -290px;
    max-width: 425px;
    margin-top:30px;
}

.img-benefitsBorder > span.video{
    color: #393d3d;
    font-size:44px!important;
    font-family:Gotham Bold;
    margin-top: -36px;
    position: absolute;
    /*margin-left: -100px;*/
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{  .img-benefitsBorder > span.video {
    margin-left: -39px;

}}

.img-benefitsBorder > span.videoWhatWeDo{
    color: #393d3d;
    font-size:44px!important;
    font-family:Gotham Bold;
    margin-top: -36px;
    position: absolute;
    margin-left: -100px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{  .img-benefitsBorder > span.videoWhatWeDo {
    margin-left: -100px;

}}

.img-benefitsBorder > span.videoKeyBenefits{
    color: #393d3d;
    font-size:44px!important;
    font-family:Gotham Bold;
    margin-top: -36px;
    position: absolute;
    margin-left: -100px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{  .img-benefitsBorder > span.videoKeyBenefits {
    margin-left: -100px;

}}

#bxslider{

    list-style:none;
}
.img-benefitsBorder > span.organise{
    color: #939598;
    font-size:28px!important;
    font-family:Gotham Bold;
    margin-left: -443px;
    margin-top: 35px;
    position: absolute;

}

.img-benefitsBorder > span.QA{
    color: #393d3d;
    font-size:44px!important;
    font-family:Gotham Bold;
    margin-top: -36px;
    position: absolute;
    margin-left: -195px;
}

.benefitsBorder1 {
    /* background: url("../img/homepage/Background-stripe-i-The-benefits-dhe-Video.png")*/;
    background-color:#E6E7E8;
    display: inline-table;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 470px;
    /*border-bottom: 1px solid #393D3D;*/

}


.benefitsBorder2 {
    /* background: url("../img/homepage/Background-stripe-i-The-benefits-dhe-Video.png")*/;
    background-color:#fff;
    display: inline-table;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 470px;
    /*border-bottom: 1px solid #393D3D;*/

}
.benefitsBorder3 {
    /* background: url("../img/homepage/Background-stripe-i-The-benefits-dhe-Video.png")*/;
    background-color:#E7E4E2;
    display: inline-table;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 470px;
    /*border-bottom: 1px solid #393D3D;*/

}

.benefitsBorderWhatWeDo {
    /* background: url("../img/homepage/Background-stripe-i-The-benefits-dhe-Video.png")*/;
    background-color:#E7E4E2;
    display: inline-table;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 570px;
    /*border-bottom: 1px solid #393D3D;*/

}


.benefitsBorderQA {
    /* background: url("../img/homepage/Background-stripe-i-The-benefits-dhe-Video.png")*/;
    background-color:#E7E4E2;
    display: inline-table;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 570px;
    /*border-bottom: 1px solid #393D3D;*/

}

.benefitTextL{
    margin-left: -324px;
    position: absolute;
    text-align: center;
    top:80%;
    width: 230px;
}


.benefitTextR{
    margin-left: 98px;
    position: absolute;
    text-align: center;
    top: 80%;
    width: 230px;
}
ul .keyBenefits{
    background:url("/public/images/productPage/Bulb.png") no-repeat 0;
    background-size: 21px 23px;
    font-family: "Gotham book";
    font-size: 17px;
    color:#939598;
    line-height: 19px;
    padding-left: 25px;
    padding-top: 14px;
    position: unset;
    width: 64%;
}

.keyBenefitsList  {
    -webkit-columns: 2;
     -moz-column-count:2;
    list-style-position: inside;
    margin-left: 463px;
    margin-right: 218px;
    margin-top: 55px;
    text-align: justify;
list-style:none;
}


.whatweDo{
    margin-left: -440px;
    margin-top: 75px;
    position: absolute;
    width: 955px;}
    
.whatweDoMobile1 {display: none;}
.whatweDoMobile2 {display: none;}
.whatweDoMobile3 {display: none;}
.whatweDoMobile4{display: none;}

.whatweDo1{
    margin-left: 564px;
    margin-top: 303px;
    width: 100px;
}
.whatweDo2{
    margin-left: 115px;
    margin-top: 303px;
    width: 100px;
}
.whatweDo3{
    /*margin-left: 115px;*/
    margin-top: 303px;
    width: 100px;
}
.whatweDo4{
    margin-left: -80px;
    margin-top: 303px;
    width: 100px;
}




.containerQA {
    margin-left: 23%;
    margin-top: 1%;

}

.containerQA div {
    float: left;
    height: 100%;
    margin: 55px;
    text-align: justify;
    width: 410px;
}

.secondQA {
    text-align: center;
}
.question{
    font-family: "Gotham bold";
    font-size: 18px;
    color: #393d3d;
}


.answer{
    font-family: "Gotham book";
    font-size: 15px;
    color: #393d3d;
    display: table;
}

.break {
    float: left; 
    margin-left: 67px;

}

@media screen and (-webkit-min-device-pixel-ratio:0)
{  .break {
    float: left; margin-left:100px;

}}

.break2 {
    float: left; 
    margin-left: 3em;

}

@media screen and (-webkit-min-device-pixel-ratio:0)
{  .break2 {
    float: left; margin-left:5em;

}}

/*@media only screen and (min-width: 1600px) {


#myCarouselAProduct {
    margin-left: 47%;
    
}

.whatweDo1 {
    margin-left: 415px;
}

.keyBenefitsList {
    -webkit-columns: initial;
 

    list-style-position: inside;
    margin-left: 335px;
    margin-right: 218px;
    margin-top: 55px;
    text-align: left;
    list-style: none;

}
ul .keyBenefits {
 
    font-size: 23px;
    color: #939598;
    line-height: 35px;
    padding-left: 25px;
    padding-top: 14px;
    position: unset;
    width: 100%;
}
}

*/
@media only screen  and (min-width : 1400px) and (max-width : 1599px) {
#myCarouselAProduct {
    margin-left: 47%;
    top:41%;
}

#myCarouselAProduct1 {
    margin-left:47%;
    top:51%;
    
}

.whatweDo1 {
    margin-left: 325px;
}

.keyBenefitsList {
    -webkit-columns: initial;
 

    list-style-position: inside;
    margin-left: 335px;
    margin-right: 218px;
    margin-top: 55px;
    text-align: left;
    list-style: none;

}
ul .keyBenefits {
 
    font-size: 23px;
    color: #939598;
    line-height: 35px;
    padding-left: 25px;
    padding-top: 14px;
    position: unset;
    width: 100%;
}
.containerQA {
    margin-left: 17%;
}

 }
@media only screen  and (min-width : 1600px) and (max-width : 1700px) {
    #myCarouselAProduct {
        margin-left: 55%;
        top: 45%;
    }

    #myCarouselAProduct1 {
        margin-left: 55%;
        top: 55%;

    }

}

@media only screen  and (width : 1680px) {
    #myCarouselAProduct {
        margin-left: 55%;
        top: 40%;
    }

    #myCarouselAProduct1 {
        margin-left: 55%;
        top: 50%;

    }

}


@media only screen  and (min-width : 1200px) and (max-width : 1400px) {
#myCarouselAProduct {
    margin-left: 38%;
    top:43%;
    
}
#myCarouselAProduct1 {
    margin-left: 38%;
    top:53%;
}

.whatweDo1 {
    margin-left: 250px;
}

.keyBenefitsList {
    -webkit-columns: initial;
    list-style-position: inside;
    margin-left: 335px;
    margin-right: 218px;
    margin-top: 55px;
    text-align: left;
    list-style: none;

}
ul .keyBenefits {
 
    font-size: 23px;
    color: #939598;
    line-height: 35px;
    padding-left: 25px;
    padding-top: 14px;
    position: unset;
    width: 100%;
}
.containerQA {
    margin-left: 12%;
}

 }

@media only screen  and (min-width : 1000px) and (max-width : 1199px) {
    #myCarouselAProduct {
        margin-left: 37%;
        top: 36%;
    }

    #myCarouselAProduct1 {
        margin-left: 37%;
        top: 46%;

    }

}

@media only screen and (max-width: 1078px) {
/*
.map-divProduct{
        background:url("/public/images/productPage/New Product Page banner.jpg");
        height:393px!important;
        background-size: contain;
        background-repeat: no-repeat;
    }
*/


    #myCarouselAProduct {
        display: none;
    }
      #myCarouselAProduct1 {
        display: none;
    }
 .whatweDo{display:none; }
    
    .whatweDoMobile1, .whatweDoMobile2, .whatweDoMobile3, .whatweDoMobile4{
      display: block !important;
     margin-top: 392px;
     width: 776px;
    }

.whatweDo1{
display:none;
}


.whatweDo2 {
 display:none;
}

.whatweDo3 {
display:none;
}

.whatweDo4 {
display:none;
}

.whatweDoMobile1{
   margin-left:-110px;
 margin-top: 75px;
    width: 435px;
}


.whatweDoMobile2 {
   margin-left:-110px;
 margin-top: 75px;
    width: 435px;
}

.whatweDoMobile3 {
   margin-left:-110px;
 margin-top: 75px;
    width: 435px;
}

.whatweDoMobile4 {
   margin-left:-110px;
 margin-top: 75px;
    width: 435px;
}


 

    ul .keyBenefits{
        background:url("/public/images/productPage/Bulb.png") no-repeat 0;
        background-size: 62px 62px;
        font-family: "Gotham book";
        font-size: 30px;
        color:#939598;
        line-height: 33px;
        padding-left: 65px;
        padding-top: 14px;
        position: unset;
        width: 87%;
    }

    .keyBenefitsList  {
          -webkit-columns: 1;
    -moz-column-count: 1;
    list-style-position: inside;
    margin-left: -12px;
    margin-right: 8px;
    margin-top: 9px;
    text-align: justify;
   
    }

 
.img-benefitsBorder > span.organise {
    
    margin-left: -203px;
    margin-top: 26px;
}



.question{
   
    font-size: 25px;
 
}


.answer{
 
    font-size: 23px;
   
}


       .containerQA div {
    margin-left: -19px;
    text-align: justify;
    width: 510px;
}
    

    }

@media only screen and (max-width: 767px) { 
/*

.map-divProduct{
        background:url("/public/images/productPage/New Product Page banner.jpg");
        height:200px!important;
        background-size: contain;
        background-repeat: no-repeat;
    }
*/


    #myCarouselAProduct {
        display: none;
    }
     #myCarouselAProduct1 {
        display: none;
    }

    .benefitsBorder {

        background-color:#D1D3D4;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 755px;
        margin-top: 24px;
    }

 

    .img-benefitsBorder > span{
        font-family: Gotham book;
        font-size: 16px!important;
        color:#393D3D;
    }


    .benefitsBorderImgL,  .benefitsBorderImg2L,  .benefitsBorderImg1L{
        float: left;
        margin-left: 20px;
        max-width: 340px;
        margin-top: 30px;
    }




    .benefitsBorderImgR,  .benefitsBorderImg2R,  .benefitsBorderImg1R{
        float: right;
        margin-right: 1px;
        max-width: 340px;
        margin-top: 350px;
    }


 
 


    .img-benefitsBorder > span.videoWhatWeDo{
        color: #393d3d;
        font-size:44px!important;
        font-family:Gotham Bold;
        margin-top: -60px;
        position: absolute;
       /* margin-left: -100px;*/
    }
    @media screen and (-webkit-min-device-pixel-ratio:0)
    {  .img-benefitsBorder > span.videoWhatWeDo {  margin-left: 43px;  }
    }


    .img-benefitsBorder > span.videoKeyBenefits{
          color: #393d3d;
    font-size: 44px!important;
    font-family: Gotham Bold;
    margin-top: -49px;
    position: absolute;
    margin-left: -149px;
    }
 

    .img-benefitsBorder > span.organise{
        color: #939598;
        font-size:19px!important;
        font-family:Gotham Bold;
        margin-left: 30px;
        margin-top: 15px;
        position: absolute;

    }

    .img-benefitsBorder > span.QA{
        color: #393d3d;
        font-size: 33px!important;
        font-family: Gotham Bold;
 
       }

    .benefitsBorder1 {
        background-color:#E6E7E8;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 750px;

    }


    .benefitsBorder2 {
        background-color:#fff;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 755px;

    }

   .benefitsBorderWhatWeDo 
     {  
        text-align: justify;
        }

 
    .benefitsBorderQA {

        background-color:#E7E4E2;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 570px;
    }

    .benefitTextL{
        margin-left: -284px;
        top: 43%;
    }


    .benefitTextR{
        margin-left: -108px;
        position: absolute;
        text-align: center;
        top: 86%;
        width: 230px;
    }

    ul .keyBenefits{
        background:url("/public/images/productPage/Bulb.png") no-repeat 0;
        background-size: 21px 23px;
        font-family: "Gotham book";
        font-size: 15px;
        color:#939598;
        line-height: 19px;
        padding-left: 25px;
        padding-top: 14px;
        position: unset;
        width: 87%;
    }

    .keyBenefitsList  {
          -webkit-columns: 1;
    -moz-column-count: 1;
    list-style-position: inside;
    margin-left: -33px;
    margin-right: 8px;
    margin-top: 9px;
    text-align: justify;
    width: 425px;
    }

    .whatweDo{display:none; }
    
    .whatweDoMobile1, .whatweDoMobile2, .whatweDoMobile3, .whatweDoMobile4{
      display: block !important;
     margin-top: 392px;
     width: 776px;
    }

.whatweDo1{
display:none;
}


.whatweDo2 {
 display:none;
}

.whatweDo3 {
display:none;
}

.whatweDo4 {
display:none;
}

.whatweDoMobile1{
      margin-left: 38px;
    margin-top: 75px;
    width: 285px;
}


.whatweDoMobile2 {
    margin-left: 38px;
    margin-top: 17px;
    width: 285px;
}

.whatweDoMobile3 {
    margin-left: 38px;
    margin-top: 17px;
    width: 285px;
}

.whatweDoMobile4 {
    margin-left: 38px;
    margin-top: 17px;
    width: 285px;
}
 .containerQA {
        margin-left: 0;
 
    }

       .containerQA div {
       
margin-left: 29px;
    text-align: justify;
    width: 315px;

}
    

}

@media only screen and (min-width: 480px) and (max-width: 767px) {


/*.map-divProduct{
          background: url("/public/images/productPage/New Product Page banner.jpg");
    height: 335px!important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -24px;
    }*/


    #myCarouselAProduct {
        display: none;
    }
    #myCarouselAProduct1 {
        display: none;
    }

    .benefitsBorder {

        background-color:#D1D3D4;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 755px;
        margin-top: 24px;
    }

 

    .img-benefitsBorder > span{
        font-family: Gotham book;
        font-size: 16px!important;
        color:#393D3D;
    }


    .benefitsBorderImgL,  .benefitsBorderImg2L,  .benefitsBorderImg1L{
        float: left;
        margin-left: 20px;
        max-width: 340px;
        margin-top: 30px;
    }




    .benefitsBorderImgR,  .benefitsBorderImg2R,  .benefitsBorderImg1R{
        float: right;
        margin-right: 1px;
        max-width: 340px;
        margin-top: 350px;
    }


 
 


    .img-benefitsBorder > span.videoWhatWeDo{
        color: #393d3d;
        font-size:44px!important;
        font-family:Gotham Bold;
        margin-top: -60px;
        position: absolute;
       /* margin-left: -100px;*/
    }
  
     .img-benefitsBorder > span.videoWhatWeDo {  margin-left: 175px;  }



    .img-benefitsBorder > span.videoKeyBenefits{
          color: #393d3d;
    font-size: 44px!important;
    font-family: Gotham Bold;
    margin-top: -49px;
    position: absolute;
    margin-left: -149px;
    }
 

    .img-benefitsBorder > span.organise{
        color: #939598;
        font-size:28px!important;
        font-family:Gotham Bold;
        margin-left: 30px;
        margin-top: 15px;
        position: absolute;

    }

    .img-benefitsBorder > span.QA{
        color: #393d3d;
        font-size: 33px!important;
        font-family: Gotham Bold;
        margin-top: -36px;
        position: absolute;
        margin-left: -213px;
    }

    .benefitsBorder1 {
        background-color:#E6E7E8;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 750px;

    }


    .benefitsBorder2 {
        background-color:#fff;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 755px;

    }

   .benefitsBorderWhatWeDo 
     {  
        text-align: justify;
        }

 
    .benefitsBorderQA {

        background-color:#E7E4E2;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 570px;
    }

    .benefitTextL{
        margin-left: -284px;
        top: 43%;
    }


    .benefitTextR{
        margin-left: -108px;
        position: absolute;
        text-align: center;
        top: 86%;
        width: 230px;
    }

    ul .keyBenefits{
        background:url("/public/images/productPage/Bulb.png") no-repeat 0;
        background-size: 21px 23px;
        font-family: "Gotham book";
        font-size: 25px;
        color:#939598;
        line-height: 27px;
        padding-left: 25px;
        padding-top: 14px;
        position: unset;
        width: 95%;
    }

    .keyBenefitsList  {
          -webkit-columns: 1;
   -moz-column-count: 1;
    list-style-position: inside;
    margin-left: -22px;
    margin-right: 8px;
    margin-top: 9px;
    text-align: justify;
    width: 595px;
    }

    .whatweDo{display:none; }
    
    .whatweDoMobile1, .whatweDoMobile2, .whatweDoMobile3, .whatweDoMobile4{
      display: block !important;
     margin-top: 392px;
     width: 776px;
    }

.whatweDo1{
display:none;
}


.whatweDo2 {
 display:none;
}

.whatweDo3 {
display:none;
}

.whatweDo4 {
display:none;
}

.whatweDoMobile1{
      margin-left: 97px;
    margin-top: 75px;
    width:400px;
}


.whatweDoMobile2 {
    margin-left: 97px;
    margin-top: 17px;
    width: 400px;
}

.whatweDoMobile3 {
    margin-left: 97px;
    margin-top: 17px;
    width: 400px;
}

.whatweDoMobile4 {
    margin-left: 97px;
    margin-top: 17px;
    width: 400px;
}
 .containerQA {
        margin-left: 8%;
 
    }

       .containerQA div {
       margin-left: -21px;
    text-align: justify;
    width: 100%;
}
    .question { font-size: 26px;}

    .answer { font-size: 26px;}

}

@media only screen and (max-width : 330px) {
/*.map-divProduct{
          background: url("/public/images/productPage/New Product Page banner.jpg");
    height: 225px!important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -93px;
    width: 486px;

    }*/
    .contpadding{width: 121%!important;}

    #myCarouselAProduct {
        display: none;
    }
    #myCarouselAProduct1 {
        display: none;
    }


    .benefitsBorder {

        background-color:#D1D3D4;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 610px;
        margin-top: 24px;
    }

   .img-benefitsBorder > span{
        font-family: Gotham book;
        font-size: 14px!important;
        color:#393D3D;
    }

    .img-benefitsBorder > span.video{
        font-family: Gotham bold;
        font-size: 25px!important;
        color:#393D3D;
    margin-left: -63px;
    }


    .benefitsBorderImgL,  .benefitsBorderImg2L,  .benefitsBorderImg1L{
        float: left;
        margin-left: -37px;
        max-width: 270px;
        margin-top: 30px;
    }




    .benefitsBorderImgR,  .benefitsBorderImg2R,  .benefitsBorderImg1R{
       

    float: right;
    margin-right: -60px;
    max-width: 270px;
    margin-top: 0px;
    }

 
 


    .img-benefitsBorder > span.videoWhatWeDo{
        color: #393d3d;
        font-size:25px!important;
        font-family:Gotham Bold;
        margin-top: -60px;
        position: absolute;
       margin-left: 80px;
     }
  
    



    .img-benefitsBorder > span.videoKeyBenefits{
          color: #393d3d;
    font-size: 25px!important;
    font-family: Gotham Bold;
    margin-top: -49px;
    position: absolute;
    margin-left: -195px;  
  }
 

    .img-benefitsBorder > span.organise{
        color: #939598;
        font-size:18px!important;
        font-family:Gotham Bold;
        margin-left: 25px;
        margin-top: -16px;
        position: absolute;

    }

    .img-benefitsBorder > span.QA{
        color: #393d3d;
        font-size: 25px!important;
        font-family: Gotham Bold;
        margin-top: -36px;
        position: absolute;
        margin-left: -132px;  
  }

    .benefitsBorder1 {
        background-color:#E6E7E8;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 610px;

    }


    .benefitsBorder2 {
        background-color:#fff;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 610px;

    }

   .benefitsBorderWhatWeDo 
     {  
        text-align: justify;
        }

 
    .benefitsBorderQA {

        background-color:#E7E4E2;
        display: inline-table;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 570px;
    }

    .benefitTextL{
       margin-left: -252px;
    top: 45%;
    }


    .benefitTextR{
         margin-left: -24px;
    position: absolute;
    text-align: center;
    top: 87%;
    width: 230px;
    }

    ul .keyBenefits{
        background:url("/public/images/productPage/Bulb.png") no-repeat 0;
        background-size: 21px 23px;
        font-family: "Gotham book";
        font-size: 15px;
        color:#939598;
        line-height: 20px;
        padding-left: 25px;
        padding-top: 14px;
        position: unset;
        width: 50%;
    }

    .keyBenefitsList  {
          -webkit-columns: 1;
    -moz-column-count: 1;
    list-style-position: inside;
    margin-left: -22px;
    margin-right: 8px;
    margin-top: 9px;
    text-align: justify;
    width: 595px;
    }

    .whatweDo{display:none; }
    
    .whatweDoMobile1, .whatweDoMobile2, .whatweDoMobile3, .whatweDoMobile4{
      display: block !important;
     margin-top: 392px;
     width: 776px;
    }

.whatweDo1{
display:none;
}


.whatweDo2 {
 display:none;
}

.whatweDo3 {
display:none;
}

.whatweDo4 {
display:none;
}

.whatweDoMobile1{
    margin-left: 63px;
    margin-top: 41px;
    width: 210px;
}


.whatweDoMobile2 {
   margin-left: 63px;
    margin-top: 17px;
    width: 210px;
}

.whatweDoMobile3 {
   margin-left: 63px;
    margin-top: 17px;
     width: 210px;
}

.whatweDoMobile4 {
   margin-left: 63px;
    margin-top: 17px;
    width: 210px;
}
 .containerQA {
        margin-left: 8%;
 
    }

       .containerQA div {
       margin-left: -21px;
    text-align: justify;
    width: 360px;
}
    .question { font-size: 16px;}

    .answer { font-size: 16px;}



}

/* Worked by Oraldo */
 
.sub-button {
    display: block;
    line-height: 34px;
    background: #E6B222!important;
    border: 1px solid #E6B222 !important;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    box-shadow: 2px 7px 5px #888888 !important;
    font-size: 24px !important;
    font-family: "Gotham medium"!important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    width: 220px !important;
    height: 40px !important;
    margin: auto;
    color: white !important;
    margin-top: 30px !important;
    text-indent: 0px !important;
    margin-bottom: 50px;
    text-decoration: none;
    font-weight: lighter;
}
a:hover{
    text-decoration: none;
}

.top6em{
    margin-top: 6em;
}

.mg0{
    margin: 0 auto;
}

.textCenter{
        font-size: 16px;
    font-family: "Gotham book";
    margin: 0% 25% 0% 25%;
    text-align: center;
}

.contpadding{
    width: 100% !important;
    padding-left: 0px;
    padding-right: 0px;
}

.backColor1{
    background-color: #D1D3D4;
    padding-bottom: 2em;
}

.backColor2{
    background-color: #E6E7E8;
    padding-bottom: 2em;    
}

.backColor3{
    background-color: #fff;
    padding-bottom: 2em;
}

.backColor4{
    background-color: #E7E4E2;
    padding-bottom: 2em;
}

.pd0{
    padding-right: 0px;
    padding-left: 0px;
}

.ikonat{
    width: 40%;
    margin: 0 auto;
    padding-top: 2em;
    padding-bottom: 5em;
}

.pd5em{
    padding-bottom: 5em;
}

.product-titles{
    color: #393d3d;
    font-size: 44px !important;
    font-family: "Gotham Bold";
    text-align: center;
    margin-top: 1em;
}

.product-subtitles{
    color: #939598;
    font-size: 28px!important;
    font-family: "Gotham Bold";
}

.ptext{
    font-family: "Gotham book";
    font-size: 17px;
    color: #939598;
    line-height: 19px;
    text-align: justify;
}

@media screen and (max-width: 600px) and (min-width: 425px){

.bulbImg{
    width: 100%;
}

}

@media screen and (max-width: 1366px) and (min-width: 992px){
    .bulbImg{
    width: 100%;
}

}

@media screen and (max-width: 424px) and (min-width: 320px){
     .bulbImg {
    width: 100% ;
}

    .nopd {
        padding-right: 0px;
        padding-left: 0px;
    }

}

@media screen and (max-width: 1225px) and (min-width: 992px){
    

}

.mgright{
    margin-right: 0px;
}

.gyapLogo{
    right: 7%;
    position: absolute;
    top: 17%;
    width: 9%;
}

.gyapRight {
    position: absolute;
    top: 210%;
    right: 47%;
    width: 15px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
.break3 {
    float: left;
    margin-left: 5em;
}

.break3 {
    float: left;
    margin-left: 7em;
}

}

.harrowRight{
    position: absolute;
    top: 148%;
    right: 61%;
    width: 15px;
}

.harrowLogo{
    right: 7%;
    position: absolute;
    top: 5%;
    width: 9%;
}
.aidiLogo{
    right: 7%;
    position: absolute;
    top: 5%;
    width: 9%;
}
.aidiRight{
    position: absolute;
    top: 4.2em;
    right: 23%;
    width: 15px;
}

.break4{
    float: left;
    margin-left: 3em;
}

<!-- Tutors -->
.map-divOnlineTutors{
    /*  background:url("/public/images/productPage/New Product Page banner.jpg");*/
    height:auto!important;
    background-size: cover;
    border-bottom:5px solid #e6b222
}


.col-half-offset{ margin-left:4.166666667%}
.benefitsBorderImg{width: 135px}
.sub-buttonReg{display: block;
    line-height: 34px;
    background: #3fa760!important;
    border: 1px solid #3fa760 !important;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
    box-shadow: 1px 3px 5px #9f9f9f !important;
    font-size: 24px !important;
    font-family: "Gotham book"!important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;

    margin: auto;
    color: white !important;
    margin-top: 30px !important;
    text-indent: 0px !important;
    margin-bottom: 50px;
    text-decoration: none;
    font-weight: lighter;}
.sub-buttonRgister{
    width: 230px !important;
    height: 40px !important;
}
.sub-buttonCertified {
    width: 270px !important;
    height:50px !important;
}

.benefits-border-img> span {
    font-family: Gotham book;
    font-size: 14px!important;
    color: #393D3D;
}
.benefits{
    font-family: "Gotham book";
    font-size: 17px;
}

/* .firstQA ul {

     list-style-image:url('/public/images/onlineTutors/Bulb.png');
     list-style-position: inside;

 }*/
.bold{ font-family: "Gotham bold";
    font-weight:bold;}

.benefitBuble{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.buble {
    background: url('/public/images/onlineTutors/Bulb.png') no-repeat left top;
    background-size: 35px;
    height: 62px;
    padding-left: 44px;
    padding-top: 3px;
}

.online-res-container{
    margin: 20px auto;
    padding: 0;
}
.online-resources-img{
    max-width: 100%;
    padding: 17px 0px;
}
/*.containerQATutors {
     margin-left: 23%;


 }*/

.containerQATutors div {
     /*    float: left;*/
     height: 100%;
     margin: 55px;
     text-align: justify;
     width: 410px;
 }