
@media (max-width: 1620px){

}


@media (max-width: 1024px){


}
@media (max-width: 991px){

.report-tab .tabs { display:block; }    
body {    padding-top: 168px;}
.sticky_header .logo { display:none; } 
.sticky_header .st_right {    float: right;    width: 100%;    padding: 0 0 0 51px;}
.sticky_header  .call-btn { display:none; }
a.w-btn.w-btn-s span {    display: none;}
.sticky_header a.w-btn.w-btn-s {    width: auto;    margin: 0 0;    position: absolute;    right: 13px;    border: none;    box-shadow: inherit; width: auto;}
.sticky_header a.bn-btn {    width: calc(100% - 36px);    margin: 0;}

.sticky_header a.bn-btn {    width: calc(100% - 40px) !important;    margin: 0 !important;}
.top-right { display:none !important; }
#header  .logo {    width: 100%;   text-align: left;    padding: 0px !important; margin: 0px !important;}
.header_section {    padding: 10px 0;}
body {    padding-top: 0px;}

}
@media (max-width: 767px){
.header_section .row.justify-content-between {    width: 100%;   margin: 0;}    
.top-right {    display: flex;    justify-content: center;}
.logo {    width: 100%;    text-align: center;    padding: 0 0 17px;}



.hero-banner-sec .report span {    position: static;    width: 100%;    padding: 9px 0;    margin-top: 10px !important;}
.hero-banner-sec .report span { margin:0px; }
.hero-banner-sec h1 { font-size:25px; text-align:center; }
.hero-banner-sec h3 { text-align:center; }

.hero-banner-sec .report {    position: relative;    padding-right: 0;}
.hero-banner-sec .report span {    margin: 0px;    display: block;}
.hero-banner-sec .report {    position: relative;    padding-right: 0;    width: 100%;    text-align: center;}
.hero-banner-sec .report {    position: relative;   width: 100%;    text-align: center;    padding: 20px;}
.hero-banner-sec h3 {    margin: 0px 0px 20px;    padding: 0px;}
.hero-banner-sec { padding-top:20px; }
.algorithm-sec i { display:none; }
.report-page center h2 {  font-size: 25px; line-height: 30px;}
.report-page center {    margin: 0 auto 40px;}
.report-page .col-md-4 + .col-md-4 { margin-top:30px; }
section.personalized-sec .container {    margin-top: 0;}
.personalized-sec h2, .storytelling-sec h2 { font-size: 25px; text-align: center; line-height: 30px; padding-top: 20px;}
.personalized-sec p { text-align: center; font-size: 16px;}
.personalized-sec {    padding: 0px 0 30px;    background: #FFFBFB;}
.storytelling-sec {    padding: 30px 0 0;}
.storytelling-sec p {    font-size: 16px;    line-height: 25px;    text-align: center;}
.storytelling-sec a.download-btn { width:100%; }
.storytelling-sec a.download-btn {    padding: 18px 26px; font-size: 16px;}
.storytelling-sec .pp-box {    width: 100%;   height: auto;    margin-top: 35px;}
.hero-banner-sec a.download-btn { width:100% }

.hero-banner-sec a.download-btn { font-size:16px }
.hero-banner-sec a.download-btn {     padding: 16px 26px;    }

.hero-banner-sec a.download-btn {    font-size: 18px;   } 
.storytelling-sec .slick-slide img {    display: block;    width: 100%;}
.storytelling-sec .slick-slide    { width:100%; }
.storytelling-sec .pp-box h3 {    background: #880808;    font-size: 18px;    color: #FFF;    text-align: center;    padding: 13px 0;}
.report-page .col-md-4 + .col-md-4 {    margin-top: 60px;}
.algorithm-sec {    padding: 30px 0;    text-align: center;}
.report-page .col-md-4 + .col-md-4 {    margin-top: 30px;}
.report-page .col-md-4 + .col-md-4 {    margin-top: 60px;}

.gift-blk .container {    padding: 30px 0;}
.gift-blk h2 {font-size: 25px;}
.gift-price {padding: 5px 25px;    border-radius: 8px;    margin: 0 25px 20px;}
.gift-blk h2 {    font-size: 25px;    line-height: 33px;}
.gift-price {    padding: 15px 25px;    border-radius: 8px;    margin: 0 25px 20px;    line-height: 32px;}
.report-tab .tabs { display:none; }
.report-tab .tab_drawer_heading {    display: block;}
.report-tab {    padding: 30px 0px;}

.report-tab h3 {    margin: 19px 0px 18px;    text-align: left;}
.report-tab .padd-tab { border-radius:0px !important; }
.report-tab .padd-tab ul {    column-count: 1;}
.report-tab .tab_content { border-radius:0px; }
.report-tab .padd-tab { border-radius:0px !important; }

.report-tab .tab_drawer_heading {    display: block;    background: #FFDA18;    padding: 20px 20px;    margin: 0;    color: #333;     margin: 0 0 5px; border-radius: 5px;}
.report-tab h3 {    margin: 0px 0px 18px;    text-align: left;}
.report-tab .tab_drawer_heading.d_active  { background:#7c1a13; color:#fff; }

.gift-price {    font-size: 18px;}
.gift-price i {    font-size: 19px;   font-weight: 900;    color: #880808;    text-transform: uppercase;    line-height: 1;}

.testimonials-sec .padd {       border: #E3E3E3 solid 1px;    margin: 0 0px;    padding: 65px 25px 25px;    border-radius: 8px;    font-size: 18px;}
.report-page .col-md-4 + .col-md-4 {    margin-top: 30px;}
.personalized-sec h2, .storytelling-sec h2 {    padding-top: 0;}
.price-sec .col-md-4 + .col-md-4 {    margin-top: 60px;}
.thumb-slideImg .large-Img {    width: 100%;}
.thumb-slideImg {    margin: 0px 0 40px 0;}
.thumb-slideImg .review-cnt {    width: 100%;    margin-left: 1%;}
.thumb-slideImg .large-Img {    width: 100%;    position: relative;}
.thumb-slideImg .large-Img .v-btn {    position: absolute;    right: 20px;    bottom: 0;    z-index: 9999999;    max-width: 60px;}

.cru-img {   position: static;    width: 100%;    text-align: center;    transform: inherit;}

.Why-cosmo-report-sec .first-dv ul li:nth-child(1) {    margin-right: 0;}
.Why-cosmo-report-sec .first-dv ul li {   padding-right: 0;   line-height: 26px;    display: flex;    align-items: center;   justify-content: left;    text-align: left;    padding-left: 127px;}
.Why-cosmo-report-sec .first-dv span.icon-blk {     right: auto;   border-radius: 100%;    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);    left: 0;}
.Why-cosmo-report-sec .last-dv ul li:nth-child(1) {    margin-left: 0;    padding-right: 0;}
.Why-cosmo-report-sec .last-dv ul li:nth-child(2) {    margin: 35px 0px 55px 0px;}
.Why-cosmo-report-sec .last-dv ul li:nth-child(3) {    margin-left: 0;    margin: 0;}
.Why-cosmo-report-sec .last-dv ul li:nth-child(2) { margin: 35px 0px 35px 0px;}
.Why-cosmo-report-sec .first-dv ul li:nth-child(2) {margin: 35px 0px 35px 0px;}
section.Why-cosmo-report-sec.report-page {    overflow: hidden;}
.Why-cosmo-report-sec.report-page center p {    font-size: 16px;    font-weight: 400;}	
.Why-cosmo-report-sec ul li { font-size:16px; }
.Why-cosmo-report-sec  span.icon-blk { width:70px !important;  height:70px !important; padding:20px !important; }
.Why-cosmo-report-sec ul li { height:75px; }
.Why-cosmo-report-sec ul li:nth-child(2) {    margin: 15px 0px 15px 0px !important;}
.Why-cosmo-report-sec ul li img { width:40px; }
.report-page .col-md-4 + .col-md-4 {    margin-top: 18px;}
.Why-cosmo-report-sec  ul li { padding-left:97px !important; }
.cru-img { margin-bottom:30px; }
.report-page .row {    margin-bottom: 0;}
.personalized-sec span.img_blk { margin-bottom:30px; }
.price-sec .col-md-4 + .col-md-4 {    margin-top: 61px;}
.gift-blk .container { background-position:91% 219px; }
.price-sec {    padding: 30px 0;}
.header_section a.w-btn { width:48%; margin:0 2%; }
.header_section a.bn-btn { width:48%; margin:0 2%; }
.header_section .row.justify-content-between {   width: 100%;    margin: 0;    display: block; }
a.w-btn {    margin-right: 0;}
.algorithm-sec .img_blk {    max-width: 220px;    width: 100%;    margin: auto;}
.algorithm-sec .img_blk img { width:100%; }
.fancybox-slide {    padding: 0px !important;}

.gift-blk .container {    background: none;   padding: 40px 0;} 

.personalized-sec a.download-btn {    background: #FFDA18;   width: 100%;    height: 55px;       color: #000;    font-size: 16px;    padding: 18px 26px;    border-radius: 65px;}

.element-hit__list {    background-color: #880808;    border-radius: 0.25rem;    left: 50%;    list-style: none;    margin-right: -0.375rem;    margin-top: 0.125rem;    position: absolute; top: auto;    bottom: 40px;    transform: translate(-50%);    z-index: 2;    color: #fff;    padding: 7px 11px;    font-size: 12px;    display: none;    line-height: 16px;}
.element-hit__list:after {
    border: 6px solid transparent;
    border-bottom-color: #880808;
    top: auto;
    bottom: -11px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -6px;
    pointer-events: none;
    position: absolute;
    width: 0;
    transform: rotate(180deg);
}


.report-page center {    max-width: 250px;    margin: 0 auto 40px;}   
.tooltop-box span {    margin-top: 20px;}
.personalized-sec h2 { max-width:300px; margin:0 auto 25px; }
.gift-blk h2 {
    max-width: 300px;
    margin: 0 auto 20px;
}
.testimonials-sec h2 {    margin-bottom: 20px;    font-size: 25px;}
.testimonials-sec {    padding: 30px 0;}
.report-page center  p {    font-family: "Jost", sans-serif;    font-weight: 400;    font-size: 15px;    line-height: 20px;}
.faq-sec center {    max-width: 300px;    margin: 0 auto 40px;}
.report-tab .padd-tab { margin-bottom:10px; }


}


@media(max-width:767px) {

section.algorithm-sec.report-page {    display: none;}
.personalized-sec p, .storytelling-sec p, .storytelling-sec h2 { text-align:left; }
.personalized-sec h2 {    max-width: 300px;    margin: 0 0 25px;    text-align: left;}
.footer {    text-align: center;}
.fo-left {    width: 100%;    text-align: center;}
.fo-social {    float: left;    margin-left: 0;    margin-top: 15px;    width: 100%;}
.footer .fo-logo {    float: left;    width: 100%;    text-align: center;}
.footer .fo-right {    float: right;    margin: 15px 0 0;    width: 100%;    text-align: center;}
.fo-right a + a {    margin-left: 10px;}
.faq-sec .acc__card { padding-right:45px; }
.ticky_header a.bn-btn {    width: calc(100% - 60px) !important;    margin: 0 !important;    left: 10px;    position: relative;}

.sticky_header a.w-btn.w-btn-s {    width: 40px;}
a.w-btn i {    position: relative;    margin: 0px 5px 0 0;    top: -5px;    display: block;    right: 2px;}
.sticky_header a.w-btn.w-btn-s img {    width: 100%;}
.sticky_header a.bn-btn {    width: calc(100% - 70px) !important;    margin: 0 !important;    position: relative;    left: 11px;}




}

