.bbbStyle {
    border: 0;
    padding-top:8%;
    margin-right:10%;
    width:50%;
}

@media screen and (max-width: 1150px) {
   .menulist {
      display:none;
   }
   .cf-wrapper {
      width:47%;
   }

   .cf-ul {
      padding-left:0;
   }
   h1.title {
      margin-top:19%;
      line-height: 1em !important;
   }

   #hamburger {
      display:block;
      margin-top:3%;
   }
   
   .col-vacontent {
      width:85%;
   }

   #ss-left>li {
      width:50%;
   }

   .ss-line2 {
      min-height:230px;
   }

   #teamContent {
      width:65%;
   }

   .fa {
      font-size:2em !important;
   }
   
   .ss-webinar {
        padding:5% 0 1%;
   }
   
}

@media screen and (max-width: 1078px) {
   .col-vacolumn-op {
       width:40%;
   }

   .quoteStyle {
      margin:0;
   }

   #teamContent {
      width:60%;
   }

   #cupDiv {
      width:100%;
   }

   .or-cu {
      width:90% !important;
   }

   .ss-item1>p {
       padding:0 0 5%;
   }


}

@media screen and (max-width: 849px) {
   h1.title {
      margin-top:20%;
      font-size:2em !important;
      width:80%;
   }
   .para {
      font-size:1em;
      width:80%;
   }
   .cf-wrapper {
      width:100%;
      margin:auto;
   }

   .ss-container {
      width:100%;
   }

   .readmore {
      text-align:center;
   }

   .ss-item1>h1.ss-service {
      font-size: 1.5em !important;
      margin: 0;
      padding: 0;
      line-height: 25px !important;
   }
  
   .ss-webinar {
      margin-top:4%;
      width:70%;
   }

   .col-vacolumn {
      width:100%;
      display:block;
      padding: 2% 4%;
   }

   .containerFive {
       padding:12% 0;
       float:left;
   }
   
   .ourprocess-ss {
       width:90% !important;
   }
    
   .col-vacolumn-op {
       width:100%;
   }

   .quoteStyle {
      width: 90%;
      margin: 3% auto;  
   }

   .va-container>h3 {
      width:88%;
   }

   .col-vacolumn-va>p {
      width:90%;
   }

   #img-Container {
      margin:69px auto 0;
   }

   #img-ContainerB {
      margin:69px auto 0;
   }

   #ss-left>li {
      width:100%;
      float:none;
   }

   .rt-place {
      width:90%;
   }

   .ss-line2 {
      width:90%;
   }

   .ss-item1>p {
       padding: 2% 0 8%;       
       font-size:16px;
   }

   #ss-divabout-cu {
      width:100%;
   }

   .item {
      padding-top:50px;
   }

    .cs-items>a {
       padding:5px 1px;
    } 

    #home-op, #img-Container, #img-ContainerB, #img-Container-about, #img-Container-team, #img-Container-contactus {
       background-size:cover;
       height:150px;
    }

    .vadiv2 {
       background-size:cover;
    }

    .apsWrap {
        min-width:49%;
    }

    .ss-webinar {
        padding:2% 0 1%;
    }    
}



@media screen and (min-device-width: 590px) and (max-device-width: 689px) {
   h1.title {
      margin-top: 30%;
   }   

}

@media screen and (max-width: 589px) {
   .Content, .Content2 {
      text-align:center;
   }
   
   .para {
      width:80%;
      padding:2% 0;
   }

   h1.title {
      width:80%;
      margin-top: 135px;
   }

   .gg-buttonContainer {
      margin:auto;
      max-width:200px;
      padding-top:10%;
      width:auto;
   }
 
   .button {
      margin:0;
      width:auto;
      min-width:0;
   }
 
   .containerOne {
      background-image:url("../images/hawaiisunset.jpg");
      background-size:cover;
      background-position:center;
      height:400px;
   }

   .containerOne2 {
      /*background-image:url("../images/hawaiisunset.jpg");*/
      background-size:cover;
      background-position:center;
      /*height:100%;*/
      width: 100%;
      /*position: absolute;*/
      top: 0;
      z-index: 9;
   }
 
   .homeVid {
      display:none;
   }

   .cf-wrapper {
      padding:5px 0;
   }

   .cs-Content {
      margin: 0 5px 10px 5px;
   }

   .ss-container {
      margin-top:10%;
   }

   .carousel-control.left {
      left:0 !important;
   }

   .carousel-control.right {
      right:0 !important;
   }

   .ss-fhover {
      width:100%;
      margin:10% 0 5%;
      padding: 5% 0;
      font-size: 22px;
   }
   .ss-forum {
      width:100%;
      margin-top:15%;
   }
   
   .ss-footerItem {
      width:100%;
   }

   .ss-footerItem > p {
      top:25px;
   }
   
   .ss-3content {
       padding-bottom:10%;
   }

   .col-vacolumn-va {
       width:90%;
   }

   #logoImage {
       width:195px;
   }

   .quoteStyle {
       margin:5% 0;
       background-size:cover;
   }

   .ss-content-op {
      width:75%;
      text-align:left;
      padding: 5% 0;
   }

   #img-Container-ourp {
      height:300px;
   }

   .vadiv2 {
      height:100%;
      background-size:cover;
      background-position:center;
      margin-top: 10%;
   }

   #img-ContainerB {
      background: url("../images/slack_for_ios_upload.jpg") no-repeat fixed;
      background-size:cover;
   }
   
   #container-img, #container-img2, #container-img-A {
      background-size:cover;
      width:100%;
      height:150px;
   }

   #ss-divabout {
      width:90%;
      text-align:justify;
   }

    .or {
      padding:0 0 5% 0;
      margin: 5% auto;
    }

   #img-Container-about, #img-Container-team, #home-op, #img-Container-contactus, #img-Container {
      background-size:cover !important;
      background-attachment:initial;
      margin: 68px auto 0;
   }


   /*#home-op {
      background-position-y: -400px;
      background-position-x: 530px;
   }

   /*#img-Container-about {
      background-position-y: -294px;
      background-position-x: -650px;
   }*/

   #teamContent {
      width:92%;
      padding-left:5px;
   }

   #teamContentA {
      padding:5px;
      width:90%;
   }

   #teamContentA>img {
      width:150px;
   }

   #ss-divabout-team {
      padding:2% 3% 5%;
   }

   #cboxClose {
   top: 1%;
   right: 4%;
   width: 30px;
   height: 30px;
   border-radius: 20px;
   font-size: 18px;
   z-index: 999999;
   }

   .ss-rate {
      padding:13% 5%;
      width:90%;
   }

   .fix-bt {
   padding:5%;
   }

   div#colorbox {
      padding-top:0% !important;
      width:100% !important;
   }

   .ratediv>h4 {
      color:rgb(170, 170, 170);
   }

   #ss-divabout-cu {
      width:100%;
      min-height:80px !important;
   }

   div.cu-img {
      display:none !important;
   }

   .ss-item1>p {
       padding: 5% 0 5%;       
       font-size:14px;
   }

   .webinar-para {
      font-size:1em;
      padding:5px 0 0;
   }

   .containerSeven {
      float:left;
      width:100%;
      padding: 2% 0 10%; 
   }

   .ss-line {
      padding:10% 0;
   }

   .col-vacontent-va {
      padding: 5% 0 1%;
   }

   .ff-button {
       padding-top: 5%;
   }
   
   .ss-webinar {
      margin-top:15%;
   }
}

@media screen and (max-width: 589px) {
    .item {
       padding-top:30px;
    }

    li {
       text-align:justify;
    }

    #tubular-container {
       height:75% !important;
    }

    /*.containerOne2 {
       height:75%;
       background-position: right;
    }*/

    .gg-buttonContainer {
        padding-top:5%;
    }
    
    .home-op, #home {
       background: url('../images/hawaiisunset.jpg') no-repeat;    
       height:180px;
       background-size:100%;
       background-position:50% 50% !important;
    } 
    
    .webinarbttn {
        display:block;
        width:100% !important;
    }
    
    .imp-ss {
        width:100% !important;
    }
    
    .webi-ss {
        text-align:center;
        padding:10px 0;
    }
    
   
}

@media screen and (max-width: 340px) {
   
    h1.title {
      width:80%;
      margin-top: 30%;
    }

    .ss-rate {
      padding: 42% 5%;
    }

    .carousel-inner {
      min-height: 200px;
    }

    .ss-valoanLi {
        padding-top:35px !important;
    }

    .item {
       padding-top:10px;
       padding-bottom:10px;
    }

    .ss-item1 {
       padding-top:10px;
    }
    
    .bbbStyle {
        width:30%;
    }   
    
    .ss-webinar {
        margin-top:20%;
    } 
    
}