@media only screen and (min-width :1024px) and (max-device-width: 1280px) { .comment-frm{ width: 315px !important;} .comment-frm .frm-wdth{ width: 175px !important;} .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;} } @media screen and (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) { .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;} .spot-light-top{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */ transform: scale(0.8); /* Standard syntax */} .ft-comments-group{ width: 592px !important;} .ft-comments-group .comments-detail { width: 409px !important; } .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;} } /* 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: 850px;} .ft-comments-group .comments-detail{ width: 660px;} } /* ----------- 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: 684px;} .ft-comments-group .comments-detail{ width: 498px;} .comment-frm{ width: 398px;} .comment-frm .frm-wdth { width: 258px;} } /* ----------- Retina Screens ----------- */ @media screen and (min-device-width: 900px) 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; 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: 684px;} .ft-comments-group .comments-detail{ width: 498px;} .comment-frm{ width: 398px;} .comment-frm .frm-wdth { width: 258px;} } @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: 6%; } .ft-comments-group{ margin-left:0px; width: 684px;} .ft-comments-group .comments-detail{ width: 498px;} .comment-frm{ width: 398px;} .comment-frm .frm-wdth { width: 258px;} } /* 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 100px left -100px;} .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;} }