@media (min-width: 768px){
            .modal-dialog { width: 100%;}
            }
       .top{background-image: url(https://marketing-kasamba.kassrv.com/content/Kasamba/social/live-qa/main.webp);       background-repeat:no-repeat;background-attachment: scroll;background-position: top center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;height: 848px;       }
       #grid-sec{margin: 50px 0 0;}
       #footer-area{background-image: url(https://marketing-kasamba.kassrv.com/content/Kasamba/social/live-qa/footer.webp); }
       .logo-wrap{margin: 37px auto 40px;text-align: center;}
       .logo-wrap a img {width: 214px; margin: 0 auto}
     
        .main-header{font-size: 43px;  font-weight: 600;  letter-spacing: -0.96px; color:#000000; text-align: center;width:60%}
        .main-text{font-size: 20px;  font-weight: normal;  line-height: 1.5;  letter-spacing: -0.4px;  text-align: center; color:#000000;margin: 33px auto 50px}
        .main-text span{font-weight: bold;color: #772e83;}
        .advisor-image-wrap{display: inline-block}
         .advisor-image-wrap img{text-align: center;margin: 0 auto 10px;display: block;}
        .timer-wrap{display: inline-block;vertical-align: top;}
        .chat-now-cta{display: block;}
        .timer-header{ font-family: 'Open Sans';text-align: center;display: block; font-size: 28px;  font-weight: 600;  letter-spacing: 14px;  color: #772c85;}
        #video-live{display: none;}
        .circle{width:177px;height: 178px;display: inline-block;border:4px solid #ffffff;border-radius: 50%;margin:44px 37px 0 0;background: #F8F4FC; }
        .inner-circle{width: 100%;height: 100%;line-height: 150px;text-align: center;position: relative}
        .count{ font-size: 60px;  font-weight: 600;   letter-spacing: -1.2px;  text-align: center;  color: #772c85;}
         #hours-count {color: #f87b3a;}
          #minutes-count {color: #c13c49;}
  .circle.minutes .circle-label{left:52px }
    .circle.hours .circle-label{left:58px }
        .circle-label{ font-family: 'Open Sans';  font-size: 20px;  font-weight: normal; letter-spacing: -0.4px;  text-align: center;  color: #424242;position: absolute;top:40px;left:64px}
        .btn-b{display: block;width: 324px;height: 70px;line-height: 70px; background-image: url(https://marketing-kasamba.kassrv.com/content/Kasamba/retention/video-lp/rounded-rectangle-1-copy-3.png);font-size: 25px;  font-weight: 600;  text-align: center;  color:#7e3283;  float: right;margin:45px 0 22px;border: 0;background-color: transparent;}
        .btn-b:hover{color:#7e3283;}
        .btn-b.purp{margin: 0;background-image: url(https://marketing-kasamba.kassrv.com/content/Kasamba/retention/video-lp/rounded-rectangle-1-copy.webp);color:#ffffff;}
        .btn-b.purp:hover{color: #ffffff;}
        .inner-header{font-size: 36px;  font-weight: 600;   letter-spacing: -0.72px;  text-align: center;  color: #000000;}
        .feat-sub-header{ font-size: 18px;  font-weight: normal;  letter-spacing: -0.36px;  text-align: center;  color: #424242;margin: 25px auto 0;}
         .inner-header.reasons{margin:50px auto 0;}
         .sub-text-why{ font-size: 18px;  font-weight: normal;  font-stretch: normal;  font-style: normal;    letter-spacing: -0.36px;  text-align: center;  color: #434343;margin: 30px auto 0;width: 60%;}
         .inner-sub-head-real{ font-size: 18px;  font-weight: normal;  letter-spacing: -0.36px;  text-align: center;  color: #424242;margin: 22px auto 0;}
        .feat-box-wrap, .reasons-box-wrap{text-align: center;margin: 0 auto;}
        .feat-box{display: inline-block;text-align: center; width: 243px;  height: 243px;  margin: 41px 31px 0 0;  border-radius: 10px;  box-shadow: 0 0 15.8px 0.2px rgba(0, 0, 0, 0.07);}
        .res-box{display: inline-block;text-align: center; width:300px;  height: 243px;  margin: 41px 31px 0 0; vertical-align: top }
        .feat-box img{text-align: center;margin: 0 auto;}
        .res-box img{text-align: center;margin: 0 auto;}
        .res-box-img-wrap{height: 120px}
        .res-box-label  { font-size: 26px;  font-weight: 600;   letter-spacing: -0.52px;  text-align: center;  color: #772c85;margin: 15px 0 0;}
        .feat-head{ font-size: 22px;  font-weight: 600;   letter-spacing: -0.44px;  color: #892787;margin: 30px auto 43px;}
        .res-text{ font-size: 18px;  font-weight: normal;  letter-spacing: -0.36px;  text-align: center;  color: #424242;margin: 32px auto 0;}
        .res-text.first{margin: 0 auto 0;}
        .grid-sub-head{font-size: 18px;font-weight: normal;  letter-spacing: -0.36px;  text-align: center;  color: #424242;margin: 32px auto 0;width: 60%;}
  .video{display: inline-block;position: relative;}
      .video-img{display: block;margin:0 38px 85px 0;}
      .video-cta{position: absolute;top:120px;left:98px;display: block;}
        .footer{font-size: 20px;  font-weight: bold;text-align: center;color: #000000;margin: 15px 0 0 0; }
        .social-wrap{text-align: center;margin: 0 auto;}
        .social-wrap img{display: inline-block;margin:20px 15px 20px 0;}
         .desktop{display: block;}
      .mobile{display: none;}
       .close{ opacity: 1;    top: -21px;    position: absolute;    right: 9%;    background: #ffffff !important;}
       .bottom-head{font-size: 36px;  font-weight: 600;   letter-spacing: -0.72px;  text-align: center;  color: #000;margin: 55px auto 0;}
       .bottom-text-sub{font-size: 18px;font-weight: normal;  letter-spacing: -0.36px;  text-align: center;  color: #424242;text-align: center;width:60%;margin: 10px auto 30px;}
       .app-wrap, .woman-wrap{display: inline-block;vertical-align: top;position: relative}
       .app-wrap{margin: 0 0 0 145px;}
       .app-icons{position: absolute;top: 168px;left: -111px;}
       .app-icons img{display: block;margin: 0 0 11px}
       /*grid css*/
        #inner-grid{margin: 0 0 50px;}
        #expertgrid{margin: 0 auto;text-align: center;width: 600px;}
        .box-expert{width:600px;height: 140px;text-align: left;    border-bottom: 1px solid #dbdcde;margin: 20px 0 0;}
        .profile-desc,.profile-photo,.bottom-line{display: inline-block;}
        .profile-desc{vertical-align: middle;}
        .photo{border-radius: 50%; width:120px;height: 120px;margin-right: 21px;}
        .profile_url{font-size: 26px;  font-weight: 600;  letter-spacing: normal;  text-align: left;  color: #772c85;}
        .rating{font-size: 18px;  font-weight: bold;    color: #333333;}
        .btn.rev-pop img{height: 13px;}
        .perminute{   font-size: 22px;  font-weight: bold;  color: #333333;}
        .bottom-line{float: right;    margin: 35px 0;}
        .contact-link{ width: 183px;height: 48px;background: #FF8300;color:#ffffff;line-height: 48px;font-size: 18px;display: inline-block;border-radius: 25px;text-align: center;}
        	.mod-wrap{
         margin: 30px auto;
         position: relative;
         width:645px;
         }
         .btn.active, .btn:active {
         box-shadow: none;
         }
         
         .containerBoxWarp {
           position: relative
        }
        .containerBoxWarp .contentDiv {
         float: left;
         background-color: #fdfdfb
        }
        .containerBoxWarp .cornerImage {
         height: 27px;
         width: 36px
        }
        .containerBoxWarp .softEdge {}.containerBoxWarp .top-middle-left {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Middle_Left_Box.png") no-repeat scroll transparent;
         width: 36px;
         top: 0
        }
        .containerBoxWarp .top-middle-right {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Middle_Right_Box.png") no-repeat scroll transparent;
         width: 36px;
         top: 0
        }
        .containerBoxWarp .bottom-middle-left {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Middle_Left_Box.png") no-repeat left bottom scroll transparent;
         width: 36px;
         bottom: 0
        }
        .containerBoxWarp .bottom-middle-right {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Middle_Right_Box.png") no-repeat scroll right bottom transparent;
         width: 36px;
         bottom: 0
        }
        .containerBoxWarp .top-middle,
        .containerBoxWarp .bottom-middle {
         height: 27px
        }
        .containerBoxWarp .top-left {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Left_Box.png") no-repeat scroll 0 0 transparent;
         float: left
        }
        .containerBoxWarp .bottom-middle {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Pixel_Box.png") repeat-x scroll 0 0 transparent;
         float: left
        }
        .containerBoxWarp .top-middle {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/top_Pixel_Box.png") repeat-x scroll 0 0 transparent;
         float: left
        }
        .containerBoxWarp .top-middle-review {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Pop-up-header.png") repeat-x scroll 0 0 transparent;
         float: left;
         height: 61px;
         margin-left: 11px
        }
        .containerBoxWarp .top-right {
         float: left;
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Right_Box.png") no-repeat scroll 0 0 transparent
        }
        .containerBoxWarp .middle-left {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Left_Pixel_Box.png") repeat-y scroll 0 0 transparent;
         width: 36px
        }
        .containerBoxWarp .middle-right {
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Right_Pixel_Box.png");
         width: 36px
        }
        .containerBoxWarp .left-side-box {
         float: left;
         width: 36px
        }
        .containerBoxWarp .right-side-box {
         float: left;
         width: 36px
        }
        .containerBoxWarp .bottom-left {
         float: left;
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Left_Box.png")
        }
        .containerBoxWarp .top-middle {
         float: left;
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Pixel_Box.png") repeat scroll 0 6px transparent
        }
        .containerBoxWarp .bottom-right {
         float: left;
         background: url("http://expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Right_Box.png") no-repeat scroll 0 0 transparent
        }
        #memberComments {
         font-family: serif;
         font-size: 24px;
         font-style: italic;
         left: 40px;
         position: relative;
         top: 20px;
         font-weight: bold;
         color: #5f5771;
        }
        #close-rating{
          position: absolute;
         top: 15px;
         right: 95px;
         background: #fff;
         border-radius: 50px;
         width: 22px;
         text-align: center;
         border: 2px solid #000;
         font-weight: bold;
         cursor: pointer;
        }
    #expertgrid{display: block;}
    
     @media screen and (max-width: 1280px) {
      #grid-sec{background-position: 0 65px;}
     }
    
     @media screen and (max-width: 767px) {/*mobile */
      .top.videoOn {height: auto;}
      .bottom-head{margin: 15px auto 0;}
        .res-box{margin: 20px 0 0 0;}
        .reg-disc{width: 50%;}
        .inner-header.reasons{margin: 15px auto 0;}
       .sub-text-why,.grid-sub-head,.bottom-text-sub{width: 100%;}
        .video-cta {top: 75px;left: 22px;}
      .video-img{margin: 0 0 20px}
      .desktop{display: none;}
      .mobile{display: block;} 
        #expertgrid,.box-expert{width:100%;}
        .box-expert{height: 90px}
       .top{height: 1026px; background-image: url(https://marketing-kasamba.kassrv.com/content/Kasamba/social/live-qa/main-mob.webp);    }
       .logo-wrap {margin: 10px auto ;text-align: center;}
       .main-header{font-size: 24px;color:#000000;text-align: center ;margin: 15px auto 15px;width:auto;}
       .main-text{float: none;text-align:center;color:#000000;width: auto;font-size: 16px;margin: 0 0 23px;}
       .timer-header{font-size: 24px;}
      .timer-wrap {    display: block;text-align: center;margin: 0 auto 10px;}
      .circle {    width: 100px;    height: 100px;    margin: 44px 5px 0 0;}
      .count {font-size: 36px;}
      .inner-circle{line-height: 78px}
      .circle-label{top: 29px;left: 30px;font-size: 16px;}
 .circle.minutes .circle-label{left:18px }
    .circle.hours .circle-label{left:28px }      
       .row .no-pad{padding: 0;}
         .btn-b{display: block;width:100%;height: 41px;line-height: 41px; background-image: url(https://marketing-kasamba.kassrv.com/content/Kasamba/retention/video-lp/rounded-rectangle-1.png);font-size: 22px;  font-weight: 600;  text-align: center;  color:#7e3283; margin:45px 0 22px;border: 0;background-color: transparent;    background-size: contain;background-repeat: no-repeat;}  
        .btn-b.purp{margin: 0;background-image: url(https://marketing-kasamba.kassrv.com/content/Kasamba/retention/video-lp/purple-cta-mob.webp);color:#ffffff;   }
      .inner-header {font-size: 22px;}
       .inner-header.feat,.inner-header.real{width: 68%;margin: 0 auto;}
       .app-wrap {margin: 0 auto;text-align: center;    display: block;}
       .phone{    float: right;}
          #footer-area{background-image: url(https://marketing-kasamba.kassrv.com/content/Kasamba/social/live-qa/footer-mob.webp); }
         .app-icons{left:0;}
       /*grid css*/
       .photo{width:60px;height: 60px;margin-right: 5px;}
       .profile_url{font-size: 18px;}
       .price-wrap{text-align: center;}
       .perminute{font-size: 16px;text-align: center;}
       .contact-link{width:120px;height: 34px;line-height: 34px;font-size: 16px;display: block;}
       .bottom-line{float: right;margin: 0;text-align: center;}
       #inner-grid{margin: 0 0 20px;}
      
     }