media.css 12 KB
@media only screen  and (min-width :768px) 
and (max-device-width: 1280px) 
{
  



.single-author-comments{-ms-transform: scale(0.8); /* IE 9 */
  transform: scale(0.8); /* Standard syntax */ bottom: -55px; }
  .allMWrp{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */
    transform: scale(0.8); /* Standard syntax */     bottom: -50px !important;
    top: unset !important;}
      /* no comments */ 
 
  


    /* no comments */
  
}

@media screen 
and (min-device-width: 768px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 1) { 
  .ft-comments-group{padding-top: 12px;}
  .comment-frm{margin-top: 12px;}
  .intro-startup .footer-top .top-intro-bt{margin-top: 12px;}
  .intro-startup .footer-top{ height: 61px;}
  .intro-startup .footer-nav{ height: 66px;}
  .intro-startup .footer-top .top-intro-bt{width: 212px; margin-left: -21px;}
  .intro-startup .footer-top .top-intro-bt {
    width: 237px;
    margin-left: -57px;
}
  .comment-frm.no-c-frm #open_ct_box{ width: 200px !important;}
  .bottom-startup{-ms-transform: scale(0.9); /* IE 9 */
    transform: scale(0.9); /* Standard syntax */     left: -10px;}
    .epi-bg{bottom: -159px; left: 8.5% !important;}
    .compare-c{-ms-transform: scale(0.8); /* IE 9 */
      transform: scale(0.8); /* Standard syntax */}
  .popup-wrp{-ms-transform: scale(0.8); /* IE 9 */
    transform: scale(0.8); /* Standard syntax */}
    .popup-set{ margin-top: 0px;}
  .sign-login-wrp{ -ms-transform: scale(0.8); /* IE 9 */
    transform: scale(0.8); /* Standard syntax */    margin-top: 5%;   }
  .wc-spc-lf-tp{ padding-top: 90px; padding-left: 0px; }
  .form-layout.signup-frm-spc { margin-top: 41px;}
  .user-profile{padding-right: 90px;width: 570px !important;}
  .spot-light-top{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */
    transform: scale(0.8); /* Standard syntax */}
    .ft-comments-group{ width: 100%; }

  .single-author-comments{-ms-transform: scale(0.8); /* IE 9 */
    transform: scale(0.8); /* Standard syntax */ bottom: -55px; }
    .thanks-wrapper{-ms-transform: scale(0.8); /* IE 9 */
      transform: scale(0.8); /* Standard syntax */ bottom: -40px;}
      .single-mobileInsight{-ms-transform: scale(0.8); /* IE 9 */
        transform: scale(0.8); /* Standard syntax */ bottom: -65px;}
        .allMWrp{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */
          transform: scale(0.8); /* Standard syntax */     bottom: -50px !important;
          top: unset !important;}

          .s-web-screen-wrp{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */
            transform: scale(0.8); /* Standard syntax */ bottom: 80px !important; top: unset; }
            .screengrab-wrp{ -ms-transform: scale(0.8); /* IE 9 */
              transform: scale(0.8); /* Standard syntax */ bottom: 150px !important; top: unset; }
              .two-webscreen-insight{ -ms-transform: scale(0.8); /* IE 9 */
                transform: scale(0.8); /* Standard syntax */ bottom: -57px !important; top: unset; }
                .smasung-g-10wrp{ -ms-transform: scale(0.8); /* IE 9 */
                  transform: scale(0.8); /* Standard syntax */ bottom: -66px !important; top: unset; }
                  .two-author-desktop{ -ms-transform: scale(0.8); /* IE 9 */
                    transform: scale(0.8); /* Standard syntax */ bottom: -48px !important; top: unset; }
            /* no comments */ 
            .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 12px;}
            .wc-spc-lf-tp { padding-top: 112px !important; }
            .form-layout.signup-frm-spc {
              margin-top: 54px !important;
          }
          .sign-wrp{-ms-transform: scale(0.8); /* IE 9 */
            transform: scale(0.8); /* Standard syntax */}

/* no comments */
}
@media screen 
and (min-device-width: 768px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1) { 
  .epi-bg{bottom: -159px; left: 6% !important;}
  
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1050px) 
and (max-device-width: 1680px) 
{
  .epi-bg{ left: 13%;}
  .popcorn-set{    right: 360px;}
  .ft-comments-group{width: 100%;}


    /* no comments */ 




  /* no comments */
  }

  /* ----------- Non-Retina Screens ----------- */
@media screen 
and (min-device-width: 1200px) 
and (max-device-width: 1400px) 
and (-webkit-min-device-pixel-ratio: 1) { 
  .wc-spc-lf-tp{ padding-top: 88px; padding-left: 0px; }
  .user-profile{padding-right: 90px; width: 675px;}
  .insights-details{ width: 620px;}
  .episode-intro{    background-position: 101px -266px !important;}
  .ft-comments-group{ margin-left:0px;width: 100%;}



.intro-startup .footer-top .top-intro-bt li a{    padding: 6px 6px;}
  /* no comments */ 
  .comment-frm .frm-wdth{ padding-right: 20px;}
  .c-with-photos{    margin-left: -70px;}
  .all-c-space{    padding-left: 104px !important;}
  .addfrm-spc{    padding-right: 60px !important;}
  .web-ps-insight-spc{    right: -220px;}
  .s-web-screen-wrp{    bottom: 150px;}

/* no comments */

}

/* ----------- Retina Screens ----------- */
@media screen 
and (min-device-width: 900px) 
and (max-device-width: 1440px) 
and (-webkit-min-device-pixel-ratio: 1) { 
  .comment-frm.no-c-frm #open_ct_box{ width: 244px;}
  .comment-frm .add-comment{margin-right: 50px;}
  .intro-startup .footer-top .top-intro-bt {
    width: 243px;
    margin-left: -40px;
}
.intro-startup .footer-top .top-intro-bt li a{    padding: 6px 12px;}
  .wc-spc-lf-tp{ padding-top: 162px; padding-left: 0px; }
  .form-layout.signup-frm-spc { margin-top: 114px; float:right;}
  .user-profile{padding-right: 90px; width: 675px;}
  .insights-details{ width: 620px;}
  .episode-intro{    background-position: 101px -266px !important;}
  .spot-light-top{    left: -170px;}
  .popcorn-set {
    right: 160px;
}
.ft-comments-group{ margin-left:0px; width: 100%;}
.comment-frm .frm-wdth{ padding-right: 20px;}



.intro-startup .footer-top .top-intro-bt li a{    padding: 6px 12px;}
  /* no comments */ 

  .c-with-photos{    margin-left: -70px;}
  .all-c-space{    padding-left: 104px !important;}
  .addfrm-spc{    padding-right: 60px !important;}
  .web-ps-insight-spc{    right: -220px;}
  .s-web-screen-wrp{    bottom: 150px;}
/* no comments */
}

@media screen 
and (min-device-width: 1050px) 
and (max-device-width: 1440px) 
and (-webkit-min-device-pixel-ratio: 1) { 
  .wc-spc-lf-tp{ padding-top: 162px; padding-left: 0px; }
  .form-layout.signup-frm-spc { margin-top: 114px;}
  .user-profile{padding-right: 90px; width: 675px;}
  .insights-details{ width: 620px;}
  .episode-intro{    background-position: 101px -266px !important;}
  .epi-bg {
    left: 7%;
}
.ft-comments-group{ margin-left:0px; width: 100%;}

.comment-frm .frm-wdth{ padding-right: 20px;}


  /* no comments */ 

  .c-with-photos{    margin-left: -70px;}
  .all-c-space{    padding-left: 104px !important;}
  .addfrm-spc{    padding-right: 60px !important;}
  .web-ps-insight-spc{    right: -220px;}
  .s-web-screen-wrp{    bottom: 150px;}
/* no comments */
}

/* mobile */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 960px)
  and (-webkit-min-device-pixel-ratio: 2) {
   
    .insights-wrp{    padding: 0 20px 0 20px;}
    .insights-searh {
      width: 300px;}
      .insights-list-filter li{    margin: 0 3px 9px 3px;}
    .main-wrp{ padding-left: 15px; padding-right: 15px;}
    .wc-spc-lf-tp {
      padding-top: 52px;
      padding-left: 28px;
      padding-bottom:50px;
  }
  .insights-searh input::-webkit-input-placeholder { /* Edge */
    font-size: 15px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
    }
    
    .insights-searh input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      font-size: 15px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
    }
    
    .insights-searh input::placeholder {
      font-size: 15px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
    }
    .insights-border span{ font-size: 15px; line-height: 19px; font-weight: 600; text-transform: uppercase;}
  .form-layout.signup-frm-spc{margin-top: 50px; float:unset; margin: 50px auto;}

.navbar-toggler{    padding: 0px; margin-top: -10px;
  width: 40px;
  height: 40px;
  float: right; box-shadow: 0px; outline: 0px;}
.navbar-toggler span{ width: 100%; display: block; height: 3px; background:#000; margin:7px 0;}

  .col-reverse{display: flex;
    flex-direction: column-reverse;}
    .reset-pass-spc {
      margin-top: 20px;
  }
/* profile */
.inner-wrp{ padding-left: 15px; padding-right: 15px; height: 100%; overflow: auto;}
.user-profile{ padding-right: 0px; margin-left: 0px;position: unset; margin-top:20px ; width: 100%;}
.data-wrp {padding-left: 15px;padding-right: 15px;padding-bottom: 50px; padding-top: 0px;}
.card-warpper{ margin-left: 15px; margin-right: 0px; float: unset;margin-left:15px; margin-top: 90px;}
.add-card-warpper{margin-left: 15px; margin-right: 0px; float: unset; margin-left:15px; margin-top: 50px;}
  .talk-to-me{ margin-bottom: 30px;}
  .profile-data-wrp{ position: relative;}
  .user-profile-photo {
    position: absolute;
    right: 82px;
    top: 16px;
}
.replies-wrp{     width: 100%; margin-left: 0px;}
.replies { padding-top: 100px;}
.inner-wrp h1{ width: 100%; display: block; float: left;}
.verified-team {width: 129px; display: block;margin-top: 7px;position: unset; margin-left: 0px;}
.profile-tab li { float: left; padding-bottom: 10px; margin-right: 0;margin-bottom: 20px;}
.profile-tab li a{ font-size: 17px;}
.members-wrp{ padding:50px 0 50px 0px;    width: 100%;}
.members-wrp .member-list{ width: 298px;}
.members-wrp .member-list a span h1{ margin-top:0px;}
.insights-spc {
  padding: 0 0px;
}
.insights-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: auto; 
  display: block;
  float: left;
  margin-top: -10px;
  margin-left: 11px;
}
.insights-details{ width: 100%;}
.insights-profile{ right: 12px;}
}

/* tab */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .main-wrp{background-position: bottom -10px left -100px !important;}
    .replies-wrp{     width: 760px;}
    .insights-spc {
      padding: 0 30px;
  }
  .insights-details {
    width: 490px;
} 

}
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .insights-details {
      width: 620px;
  } 
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .replies-wrp{     width: 760px;}
}
/* /

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .col-reverse{
      flex-direction:unset;}
      .main-wrp{background-size: 100%;    background-position: bottom -10px left -130px;}
      .card-warpper{ float: left;}
      .add-card-warpper{ float: left; margin-top: 0px;}
      .user-profile{    width: 540px;
        margin-left: 30px; margin-top: 0px;} 
        .replies-wrp{     width: 100%; margin-left: 0px;}
        .replies { padding-top: 100px;}
        .profile-tab li a{ font-size: 17px;}
        .profile-tab li{ margin-right: 15px;}
        .members-wrp .member-list{ margin-right: 50px;}
        .insights-spc {
          padding: 0 70px;
      }
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .main-wrp{background-position: bottom -10px left -130px !important;}
    .wc-spc-lf-tp{ padding-left: 0px;     padding-top: 100px;}
    .user-profile{padding-right: 0px; width: 380px;}
    .card-warpper{margin-bottom: 40px; margin-right: 25px;}
    .profile-tab li a{ font-size: 17px;}
    .profile-tab li{ margin-right: 15px;}
    .members-wrp{ width: 700px;}
    .members-wrp .member-list{ width: 320px;    margin-right: 25px;}
    .insights-details {
      width:520px;
  }
  .insights-wrp{    padding: 0 50px 0 40px;}
}