@media screen and (max-width: 1400px) {

h2 {
    font-size: 35px;
}

h1 {
    font-size: 40px;
}

}



@media screen and (max-width: 1199px) {


    .tabs-heading-box ul.nav-tabs button {
    padding: 10px 13px;
    font-size: 15px;
}

.tabs-heading-box ul.nav-tabs {
    gap: 10px !important;
}



.review-overall-box {
    padding: 40px;
}

.company-details-sec .company-details-box ul li .text {
    width: calc(100% - 46px);
}

.company-details-sec .company-details-box ul li:last-child {
    padding-bottom: 0;
}


.company-details-sec .content-company p {
    font-size: 16px;
    line-height: 180%;
}


.review-summary-details h3 {
    font-size: 35px;
}


}

@media screen and (max-width: 991px) {


    
.navbar-nav .nav-item {
    padding: 0 14px;
}

.welcome-sec .welcome-box .text-box {
    padding: 100px 15px 15px;
}

.navbar-nav a {
    font-size: 18px;
}

.navbar-nav a{ font-size: 14px;}
.navbar-nav .nav-item {padding: 0px 8px;}
.header .btn-primary {font-size: 14px;padding:10px;min-width: 94px;}
.header .btn {margin-left: 10px; margin-top: 5px;}
.header .btn-primary i{ display: none;}

.header-right .navbar-nav {flex-direction: column;}
.header .offcanvas-start {background: var(--Primary-Color);}
.offcanvas-start { border-right: none; width: 300px;}
.header-right .offcanvas-body {align-items: self-start;padding: 20px 0px;}
.header-right .offcanvas-body nav {width: 100%;}
.navbar-nav .nav-item {padding:0px 20px;}
.navbar-nav li .nav-link {padding: 10px 0px;color: #fff;}
.navbar-nav .nav-link{ font-size: 16px;color: #fff;text-align: left;}
.header .border-bottom {border-bottom: 1px solid #3f3f3f !important;}
.logo{max-width: 160px; padding-right: 0px;}
/* .main {margin-top: 81px;} */






.banner-sec {
    padding: 50px 0;
}

h1 {
    font-size: 30px;
}

.banner-sec .inner-banner {
    max-width: 400px;
}

.banner-sec h1 {
    margin-bottom: 10px;
}

h2 {
    font-size: 27px;
}


/*.tabs-management-sec .tab-content .tab-pane.management-item {
    box-shadow: 0px 0px 8.62px 0px #0000001A;
    padding: 19px;
    border-radius: 15px;
    height: 100%;
    margin-bottom: 13px;
    border: 1px solid #d7d7d7;
}*/

.tabs-heading-box .drop-btn {
    /* position: static; */
    width: max-content;
    margin-left: auto;
}

.tabs-heading-box {
    padding: 0;
}

.tabs-management-sec .tab-content {
    margin-top: 25px;
}

.tabs-management-sec .tab-content .management-item button.accordion-button {
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    color: var(--black);
    padding: 0;
}


.tabs-management-sec .tab-content .management-item .accordion-collapse {
    padding-top: 25px;
}

.tabs-management-sec .tab-content .management-item .accordion-collapse button.accordion-button {
    font-size: 16px;
    line-height: 150%;
    padding: 10px 0;
    margin: 0;
}

.tabs-management-sec .card-box-rating .accordion-collapse {
    padding-top: 0 !important;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0.5);
}

.sec-buyer-guide .accordion-item {
    height: auto;
}

.sec-buyer-guide .accordion-item {
    box-shadow: 0px 0px 8.62px 0px #0000001A;
    padding: 19px;
    border-radius: 15px;
    height: auto;
    margin-bottom: 13px;
    border: 1px solid #d7d7d7;
}

.sec-buyer-guide .accordion-item button.accordion-button {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    color: var(--black);
    padding: 0;
}

.sec-buyer-guide .accordion-item .accordion-body {
    padding: 25px 0 0;
}

.sec-buyer-guide h3 {
    font-size: 18px;
}

.navbar-nav li.active a, .navbar-nav li a:hover{ color: var(--gray-color);}
.navbar-nav a:hover, .navbar-nav a:active {
  color: var(--gray-color);
}


.review-summary-sec {
    padding-top: 0;
}

.review-summary-sec .row {
    flex-direction: column-reverse;
}


.review-summary-details h3 {
    font-size: 27px;
}

/* .tabs-heading-box .drop-btn {
    width: 100%;
} */


/* .tabs-heading-box .drop-btn ul.dropdown-menu {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    transform: none !important;
    margin-top: 45px !important;
} */


.tabs-heading-box .scroll-box {
    width: calc(100% - 100px);
}

.tabs-heading-box .scroll-box ul {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-bottom: 14px;
}

.tabs-heading-box ul.nav-tabs button {
    white-space: nowrap;
}

.tabs-management-sec .tab-content .management-item button.accordion-button {
    padding: 11px 0;
}

.tabs-heading-box ul.nav-tabs button {
    padding: 6px 10px;
}

}


    
@media screen and (max-width: 767px) {
    


    .input-group input.form-control {
    width: 140px;
}

.review-btn ul {
    flex-wrap: wrap;
}

h1 {
    font-size: 23px;
    letter-spacing: 0;
}

.banner-sec {background: url(../images/banner-imgMobile.png);background-position: center top;}

.banner-sec:before {
    background: linear-gradient(271.26deg, rgb(25 95 167 / 42%) 37.82%, #0B2A4A 68.73%, #0B2A4A 80.68%);
}

h2 {
    font-size: 23px;
    letter-spacing: 0;
}

.container {
    padding: 0 15px;
}

.tabs-management-sec .card-box-rating .card-head {
    flex-direction: column;
}

.tabs-management-sec .card-box-rating .card-head .text-box {
    width: 100%;
}

/*.tabs-management-sec .card-box-rating {
    padding: 0 0 15px;
    border-bottom: 1px solid;
    box-shadow: none;
    border-radius: 0;
}*/

.tabs-management-sec .tab-content .management-item button.accordion-button {font-size: 16px;}

/*.tabs-management-sec .tab-content .tab-pane.management-item {
    padding: 13px;
}*/

.review-btn ul li {
    width: 100%;
}

.review-btn ul li .btn-theme {
    justify-content: center;
}


.tool .me-auto .d-flex {
    gap: 4px;
}

.tech-card .tool .ms-auto .btn-theme.btn-fill {
    width: 100%;
    display: block;
}

.tool-foot {
    padding-top: 28px;
}

.legal-tech .btn-theme {
    width: 100%;
    display: block;
}

.tool-foot .recommend {
    margin-top: 12px;
    display: block;
}

.card-white {
    padding: 12px;
}

.tech-card .tool {
    padding-bottom: 0;
}

.sec-buyer-guide .accordion-item button.accordion-button {
    font-size: 17px;
    line-height: 25px;
}

.sec-buyer-guide h3 {
    font-size: 16px;
}

.sec-buyer-guide .accordion-item {
    padding: 13px;
}

.sec-buyer-guide {
    padding-bottom: 30px;
}

.accordion-faq-sec .accordion-body .FAQ-txet {
    padding: 0 13px 13px;
}

.accordion-faq-sec button.accordion-button {
    padding: 13px;
    font-size: 16px;
}

.accordion-faq-sec button.accordion-button .icons {
    top: 11px;
    right: 10px;
}

.accordion-faq-sec button.accordion-button .icons svg {
    width: 14px;
    height: 16px;
}

.accordion-faq-sec {
    padding-bottom: 30px;
}



.logo-top-box {
    justify-content: space-between;
    width: 100%;
}

.footer-box {
    padding-bottom: 25px;
    order: 2;
}

.footer-box.footer-right {
    order: 1;
    width: 100%;
}

footer .footer-box .footer-logo img {
    width: 175px;
}

.footer-box ul {
    flex-wrap: wrap;
}

.footer-box ul li {
    width: 100%;
}

footer.footer .menu-logobox {
    margin-bottom: 30px;
}



.social-box-tc .footer-link-social {
    flex-wrap: wrap;
}

.social-box-tc .footer-link-social .footer-t-p {
    padding-top: 25px;
}

.social-box-tc .footer-link-social .footer-t-p ul {
    justify-content: flex-start !important;
}

footer.footer .bottom-footer {
    margin-top: 30px;
}


.inner-page-banner {
    padding-top: 40px;
    overflow: hidden;
}


.inner-page-banner .top-review {
    left: 0;
    z-index: 2;
}

.right-banner-review-box {
    right: 10px;
}

.review-overall-box {
    padding: 10px;
}

.rating-wrapper {
    flex-wrap: wrap;
}

.rating-right {
    flex: 100%;
}

.review-summary-details h3 {
    font-size: 22px;
}

.review-summary-details .sub-heading {
    font-size: 18px;
    font-weight: 500;
}

.smokeball-reviews-sec {
    padding: 40px 0;
}

.review-overall-box h2 {
    font-size: 40px;
}

.review-summary-sec {
    padding-bottom: 20px;
}

.company-details-sec {
    padding: 40px 0;
    margin-top: 30px;
}

.company-details-sec .content-company {
    padding: 15px;
}

.company-details-sec h2 {
    font-size: 21px;
}

.company-details-sec .company-details-box {
    padding: 15px;
}

.header-right {
    padding: 0 !important;
}



.review-prop-sec .text h5 {
    font-size: 16px;
    line-height: 125%;
}

.review-prop-sec .text span {
    font-size: 16px;
}



}