@media (min-width: 1440px) {
    .container {max-width: 1196px;}
}

@media (min-width: 1300px) and (max-width: 1399px) {
    .ranking-title { font-size: 72px; line-height: 82px; }
    .ranking-title span { line-height: 70px; }

    .ranking-table-main { margin: 0; }
    .ranking-table .mega-block p {line-height: 130%;}
    .ranking-table tbody tr td:last-child { padding-right: 20px; }
    .ranking-table tbody tr th {padding: 30px 16px 20px 30px;}
    .ranking-table thead th:first-child { padding-left: 20px; }
    .ranking-table tbody tr td {padding: 24px 10px;}

    .grid-content-btns .btn-primary {min-width: auto;}
    .grid-view-wrp .unlock-modal .modal-dialog { margin: 334px auto 891px; }
}

@media (min-width: 1200px) {
    .rate-care-details-row .row .col-xl, .rate-care-details-row .row .col-xxl { flex: 0 0 auto; width: 20%; }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .ranking-title { font-size: 72px; line-height: 82px; }
    .ranking-title span { line-height: 70px; }

    .ranking-table-main { margin: 0; }
    .ranking-table .mega-block p {line-height: 130%;}
    .ranking-table tbody tr td:last-child { padding-right: 20px; }
    .ranking-table tbody tr th {padding: 30px 16px 20px 30px;}
    .ranking-table thead th:first-child { padding-left: 20px; }
    .ranking-table tbody tr td {padding: 24px 10px;}

    .grid-content-btns .btn-primary {min-width: auto;}
    .grid-view-wrp .unlock-modal .modal-dialog { margin: 334px auto 891px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ranking-title { font-size: 72px; line-height: 82px; }
    .ranking-title span { line-height: 70px; }

    .ranking-table-main { margin: 0; }
    .ranking-table .mega-block p {line-height: 130%;}
    .ranking-table tbody tr td:last-child { padding-right: 20px; }
    .ranking-table tbody tr th {padding: 30px 16px 20px 25px;}
    .ranking-table thead th:first-child { padding-left: 20px; }
    .ranking-table tbody tr td {padding: 20px 10px;}
    .insta-1 { max-width: 395px; left: -170px; }
    .insta-2 { max-width: 325px; top: 78px; right: -120px; }
    .ranking-table tbody tr td:nth-child(2) { padding-top: 20px; }
    .ranking-table thead th {padding: 0 10px 20px;}
    .action-btns a { width: 32px; height: 32px; padding: 7px; }
    .ranking-table-top {padding: 0 25px 40px 25px;}
    .ranking-search { max-width: 440px; }
    .tags-category a { line-height: 140%; }
    .ranking-bnr-wrp {padding: 80px 0 597px;}
    .ranking-table .engagement-probx {min-width: 250px;}

    .filter-block-top .row>*:nth-child(4n + 1) .form-group { margin-right: 0; }
    .filter-block-top .row>*:nth-child(4n + 2) .form-group { margin-right: 0; margin-left: 0; }
    .filter-block-top .row>*:nth-child(4n + 3) .form-group { margin-right: 0; margin-left: 0; }
    .filter-block-top .row>*:nth-child(4n + 4) .form-group { margin-left: 0; margin-right: 0; }
    .filter-block-top { padding: 30px 28px 14px 30px; }

    /* Ranking Details Page Start */
    .rate-care-details-block {margin: 0 0 30px;}
    .rate-care-details-row .row>*:nth-child(3) .rate-care-details-block::after {display: none;}

    .insta-perf-wrp { padding: 50px 30px 40px; }
    .performance-details-main .audience-section { padding: 50px 30px 40px; }
    .performance-details-main .demographics-main { padding: 40px 30px 30px; }
    .performance-details-main .follower-types-main { padding: 0 30px 30px; }
    .performance-details-main .growth-interests-chart { padding: 30px 30px 45px; }
    /* Ranking Details Page End */
}

@media (max-width: 991px) {
    .ranking-mobile-block .detail * { font-size: 16px; line-height: 20px; font-weight: 700; color: #667085; margin: 0;}
    .ranking-mobile-top {display: flex; align-items: center; padding: 21px 19px 18px;border-top: 1px solid #E5E6EB;}
    .ranking-mobile-block .mobile-dropdown {margin-left: auto;}
    .ranking-mobile-block .detail {margin: 0 13px 0 0;}
    .ranking-mobile-block .engagement-img { min-width: 38px; }
    .ranking-mobile-block .engagement-img img { width: 38px; height: 38px; }
    .ranking-mobile-block .engagement-dt h3 img { margin: 0 0 0 3px;}
    .ranking-other-contents .tags-category {max-width: 100%;}
    .ranking-other-list li {font-size: 14px; line-height: 14px; font-weight: 500; color: #667085; display: flex; align-items: center; justify-content: space-between; padding: 18px 0 18px 2px; border-bottom: 1px solid #EDEDED;}
    .ranking-other-list li:last-child {border-bottom: none;}
    .ranking-other-list li p {margin: 0;}
    .ranking-other-list li a img {width: 17px;}
    .ranking-other-contents .tags-category a {line-height: 180%;}
    .ranking-other-contents {max-width: 570px; width: 100%; margin: 0 11px 27px auto; display: none;}
    .ranking-other-contents .grid-content-btns .btn-primary { line-height: 120%; min-height: 39px; color: #FFDA00; min-width: 126px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
    .ranking-other-contents .grid-content-btns {padding: 6px 0 0;}
    .mobile-dropdown .blue-square {display: flex;}
    .mobile-dropdown .blue-square:hover circle, .mobile-dropdown .blue-square.active circle {fill: #5271FF;}
    .ranking-mobile-block {}
    .ranking-other-contents.show {display: block;}
    .unlock-modal .modal-dialog {margin: 95px auto 79px;}

    .ranking-table-main { margin: 0 14px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ranking-header .navbar {justify-content: center;}

    .ranking-title { font-size: 50px; line-height: 60px; }
    .ranking-title span { line-height: 50px; }
    .ranking-bnr-text { font-size: 22px; line-height: 28px; }
    .ranking-bnr-main {max-width: 100%; width: auto; margin: 0 50px;}

    .ranking-table-main { margin: 0; }
    .ranking-table .mega-block p {line-height: 130%;}
    .ranking-table tbody tr td:last-child { padding-right: 20px; }
    .ranking-table tbody tr th {padding: 30px 16px 20px 25px;}
    .ranking-table thead th:first-child { padding-left: 20px; }
    .ranking-table tbody tr td {padding: 20px 10px;}
    .insta-1 { max-width: 295px; left: -130px; top: 0; }
    .insta-2 { max-width: 275px; top: 208px; right: -80px; }
    .ranking-table tbody tr td:nth-child(2) { padding-top: 20px; }
    .ranking-table thead th {padding: 0 10px 20px;}
    .action-btns a { width: 32px; height: 32px; padding: 7px; }
    .ranking-table-top {padding: 0 25px 30px 25px;}
    .ranking-search { max-width: 350px; }
    .tags-category a { line-height: 140%; }
    .ranking-bnr-wrp {padding: 80px 0 597px;}
    .ranking-table .engagement-probx {min-width: 250px;}

    .filter-block-top .row>*:nth-child(4n + 1) .form-group { margin-right: 0; }
    .filter-block-top .row>*:nth-child(4n + 2) .form-group { margin-right: 0; margin-left: 0; }
    .filter-block-top .row>*:nth-child(4n + 3) .form-group { margin-right: 0; margin-left: 0; }
    .filter-block-top .row>*:nth-child(4n + 4) .form-group { margin-left: 0; margin-right: 0; }
    .filter-block-top { padding: 30px 28px 14px 30px; }

    /*  */

    /* Ranking Details Page Start */
    .performance-wrp {padding: 120px 0 80px;}
    
    .rate-care-details-block {margin: 0 0 30px;}
    .rate-care-details-row .row>*:nth-child(3) .rate-care-details-block::after {display: none;}

    .insta-perf-wrp { padding: 50px 30px 40px; }
    .performance-details-main .audience-section { padding: 50px 30px 40px; }
    .performance-details-main .demographics-main { padding: 40px 30px 30px; }
    .performance-details-main .follower-types-main { padding: 0 30px 30px; }
    .performance-details-main .growth-interests-chart { padding: 30px 30px 45px; }
    /* Ranking Details Page End */
}

@media (max-width: 767px) {
    /*  */
    .ranking-header { padding: 18px 0; background-image: url("../images/ranking-images/Grid-Pattern-mobile-header.svg");}
    .ranking-header .navbar-brand {max-width: 114px; margin: 0;}
    .ranking-header .navbar {justify-content: center;}

    .insta-1 { max-width: 291px; left: -143px;}
    .insta-2 {max-width: 218px; right: -98px;}
    .ranking-title { font-size: 44px; line-height: 54px; }
    .ranking-title span { line-height: 43px; margin: 10px 0 0; }
    .ranking-title span::before {border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;}
    .ranking-bnr-main .ranking-title { margin: 0 0 22px; }
    .ranking-bnr-text { font-size: 16px; line-height: 150%; }
    .ranking-bnr-wrp { padding: 150px 0 138px; background-image: url("../images/ranking-images/Grid-Pattern-mobile.svg"); }
    .ranking-table-wrp {margin: -85px 0 0;}

    .filter-block-top .row>*:nth-child(4n + 1) .form-group { margin-right: 0; }
    .filter-block-top .row>*:nth-child(4n + 2) .form-group { margin-right: 0; margin-left: 0; }
    .filter-block-top .row>*:nth-child(4n + 3) .form-group { margin-right: 0; margin-left: 0; }
    .filter-block-top .row>*:nth-child(4n + 4) .form-group { margin-left: 0; margin-right: 0; }
    .filter-block-bottom {justify-content: center; padding: 19px 19px 20px 25px;}

    .ranking-other-contents {max-width: 85%; margin-left: 20px;}

    .unlock-modal .modal-dialog {max-width: 342px; padding: 0 !important;}
    .unlock-img { max-width: 60px; margin: -20px auto 4px;}
    .unlock-modal .small-title {font-size: 24px; line-height: 120%; font-weight: 700; color: #170F49;}
    .unlock-modal .details {font-size: 12px; line-height: 20px; color: #6F6C90; margin: 0 0 9px;}
    .unlock-modal .btn-primary { font-size: 14px; padding: 16px 23px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
    .unlock-modal .modal-content { padding: 1px 20px 23px; }
    .ranking-search { max-width: 261px; }
    .ranking-search .form-control {font-size: 12px; padding: 10px 65px 10px 13px;}
    .search-btn { width: 43px; height: 28px; padding: 13px; }
    .ranking-view ul li a.active .tick-icon {display: none; }
    .ranking-view {background-color: transparent; margin: 0; max-width: unset; width: auto;  padding: 0;}
    .ranking-table-main {padding: 16px 0 0;}
    .ranking-table-top {padding: 0 20px 16px 14px;}
    /* .ranking-filter-mobile {width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin: 0 0 0 10px;} */
    .mobile-tabs {width: 31px; height: 31px; display: flex; align-items: center; justify-content: center;}
    .ranking-filter {max-width: 100%; width: 24px; height: 24px; background-color: transparent; padding: 0; margin: 0 0 0 10px; }
    .ranking-filter:hover {background-color: transparent;}
    .filter-full-block {margin: 0 17px 39px;}
    .filter-block-top .form-label { font-size: 12px; line-height: 15px; margin: 0 0 6px; color: #404040; }
    .filter-block-top { padding: 24px 19px 3px 21px; }
    .filter-block-top .select2-container .select2-selection--single .select2-selection__rendered {font-size: 12px; font-style: italic; color: #A0ABBB; padding: 5px 36px 5px 16px !important;}
    .filter-block-top .form-group {margin: 0 0 20px;}
    .filter-block-remove { font-size: 14px; line-height: 17px; }
    .filter-block-bottom .btn-primary {font-size: 14px; max-width: 150px; width: 100%; text-align: center;}

    .grid-view-wrp { padding: 0 16px; }
    .grid-view-wrp .row>* { padding: 0 10px; }
    .grid-view-wrp .row {margin: 0 -10px;}
    .grid-content-top ul li { font-size: 12px; padding: 0 13px 0 0; }
    .grid-content-top { padding: 10px 10px 11px; }
    .grid-content-top .engagement-dt h3 { font-size: 14px; }
    .grid-content-top .engagement-dt { margin: 0 0 14px 4px; height: 40px; }
    .grid-content-middle { padding: 15px 14px 18px; border-bottom: 1px solid #D9D9D9; height: 100px; }
    .grid-view-top .mega-block p {font-size: 8px;}
    .grid-view-top .mega-block img {width: 20px;}
    .grid-view-top .mega-block {right: 5px; top: 5px;}
    .avg-views li span { font-size: 11px; line-height: 15px; }
    .avg-views li p { font-size: 14px; line-height: 15px; }
    .avg-views ul li { padding: 0 24px 0 0; }
    .grid-content-top ul li span { width: 15px; height: 15px; }
    .grid-content-middle .avg-views { padding: 0 0 12px 2px; }
    .grid-content-middle .tags-category a {font-size: 9px; min-height: 20px;}
    .grid-content-middle { padding: 10px 12px 16px; }
    .grid-content-btns {display: block; padding: 12px 12px 15px;}
    .grid-content-btns .btn-primary {color: #FFDA00; width: 100%;}
    .grid-content-btns .dropdown { margin: 0 0 7px; }
    .grid-view-block { margin: 0 0 20px; }
    .grid-view-wrp .unlock-modal .modal-dialog { margin: 107px auto 555px; }

    .engagement-rate .form-control { font-size: 12px; }
    .engagement-rate .ui-widget.ui-widget-content { margin: 0 0 10px 10px; }
    .filter-block-top .engagement-rate .form-label { margin: 0 0 22px; } 
    .ranking-mobile-block .engagement-dt h3 { font-size: 14px; }
    /*  */

    /* Ranking Details Start */
    .rate-care-details-block::after {display: none;}
    
    .performance-wrp {padding: 47px 0 41px; background-image: url("../images/ranking-images/Grid-Pattern-mobile.svg");}
    .performance-wrp::after {top: 30px;}
    .performance-wrp .section-title {font-size: 18px; max-width: 205px;}
    .performance-details-main .user-profile .user-box .box-img img { height: 141px; width: 141px; }
    .performance-details-main .user-profile .description h2 { font-size: 24px; justify-content: center;}
    .performance-details-main .user-profile .description h2 img { width: 33px; }
    .performance-details-main .user-profile .insta-id { font-size: 16px; line-height: 19px; margin: 0 auto 12px; }
    .performance-details-main .user-profile .description {text-align: center; margin: 0 0 29px;}
    .performance-details-main .act-pg {justify-content: center;}
    .performance-details-main .profile-buttons .btn-primary {font-size: 14px; padding: 15px;}
    .performance-details-main .user-profile .btn-secondary { font-size: 14px; border-width: 2px; padding: 13px;}

    .rate-care-details-wrp { padding: 28px 22px 29px 22px; }
    .rate-care-details-section {padding: 26px 0 24px; margin: 0 0 24px;}
    .rate-care-details-block {padding: 9px 0 12px; border-bottom: 1px solid #D9D9D9; display: flex; flex-direction: column-reverse;}
    .rate-care-details-row .row>*:last-child .rate-care-details-block {border-bottom: none;}
    .rate-care-details-block .block-title {color: #0426C3;}

    .performance-details-main .performance-tool {padding: 0;}
    .insta-perf-wrp { padding: 30px 22px 34px; }
    .insta-perf-wrp .performance-title h3 {padding: 0;}
    .insta-perf-wrp .performance-title {padding: 0 0 20px;}
    .performance-details-main .performance-block .performance-icon {background-color: #0426C3 !important; max-width: 59px; height: 59px;}
    .performance-details-main .performance-right p { font-size: 12px; line-height: 140%; }
    .performance-details-main .audience-section {padding: 30px 23px 23px;}
    .performance-details-main .audience-section .performance-title h3 {padding: 0;}
    .performance-details-main .audience-section .performance-title {padding: 0 0 20px;}
    .performance-details-main .audience-tab .progress-bar {height: 14px;}
    .performance-details-main .audience-tab .progress { height: 40px; }
    .performance-details-main .demographics-tab .tab-content, .performance-details-main .audience-tab .tab-content { margin: 0; }
    .performance-details-main .demographics-main { padding: 0px 23px 25px; }
    .performance-details-main .follower-types-main {padding: 0 23px 10px;}
    .performance-details-main .growth-interests-chart {padding: 10px 23px 20px;}
    /* Ranking Details End */
}

@media (max-width: 419px) {
    .grid-view-row .row>* {width: 100%;}
    .filter-block-bottom {display: block; text-align: center;}
    .filter-block-bottom .btn-primary {margin: 10px auto 0; }
}

@media (max-width: 359px) {
    .ranking-title { font-size: 34px; line-height: 34px; }
    .ranking-title span { line-height: 33px; }

    .performance-details-main .performance-block .performance-icon {max-width: 45px; height: 45px; padding: 12px;}
    .ranking-mobile-block .engagement-dt h3 { font-size: 12px; }
}