.show-on-1500 {
    display: none;
}

.hide-on-1500 {
    display: block;
}

.show-on-1280 {
    display: none;
}

.hide-on-1280 {
    display: block;
}

.show-on-1024 {
    display: none;
}

.hide-on-1024 {
    display: block;
}

.hide-on-991 {
    display: block !important;
}

.show-on-991 {
    display: none !important;
}

.hide-on-800 {
    display: block !important;
}

.show-on-800 {
    display: none !important;
}

.hide-on-768 {
    display: block !important;
}

.show-on-768 {
    display: none !important;
}

.hide-on-767 {
    display: block !important;
}

.show-on-767 {
    display: none !important;
}

.show-on-736 {
    display: none !important;
}

.hide-on-736 {
    display: block !important;
}

.hide-on-640 {
    display: block !important;
}

.show-on-640 {
    display: none !important;
}

.hide-on-599 {
    display: block !important;
}

.show-on-599 {
    display: none !important;
}

.hide-on-575 {
    display: block !important;
}

.show-on-575 {
    display: none !important;
}

.hide-on-480 {
    display: block !important;
}

.show-on-480 {
    display: none !important;
}

.hide-on-425 {
    display: block !important;
}

.show-on-425 {
    display: none !important;
}

.hide-on-380 {
    display: block !important;
}

.show-on-380 {
    display: none !important;
}

.hide-on-340 {
    display: block !important;
}

.show-on-340 {
    display: none !important;
}


@media (max-width:2100px) {
}

@media (max-width:1920px) {

    .carousel-wrap {
        max-width: 1320px;
    }
}

@media (max-width:1800px) {

    .carousel-wrap {
        max-width: 1500px;
    }

    .o-wrapper, .container-xxl {
        max-width: 1320px;
    }

    .pressure-box-content ul li {
        margin-bottom: 20px;
    }

    .pressure-classification span, .pressure-box-content ul li span {
        margin-bottom: 5px;
    }

    .pressure-box-content ul li {
        font-size: 1rem;
    }
}

@media (max-width:1680px) {
    .news_blog-section .card-body .card-title a.text-26 {
        font-size: 22px;
    }
}

@media (max-width:1580px) {
    .navbar-nav li {
        margin: 0 15px;
    }

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

@media (max-width:1500px) {
    .box-top-title h1 {
        font-size:36px;
    }
    .box-top-title h2, .classification-top-heading h2 {
        font-size: 20px;
    }
    .classification-section .container-lg {
        max-width: 1180px;
    }
    .classification-right-box-content .right-top-heading p {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .right-top-heading h3 {
        font-size: 32px;
        margin-bottom:20px;
    }
    .section-top-title {
        margin-bottom: 40px;
    }

    .classification-link {
        gap: 8px;
    }

    .classification-link a {
        font-size: 13px;
    }

    .top-about-content-box, .about-content-box {
        margin-bottom: 50px;
    }

    .classification-right-box-content .right-top-heading {
        max-width: 480px;
    }

    .pressure-box-content ul li {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .pressure-classification span, 
    .pressure-box-content ul li span {
            font-size: 15px;
            margin-bottom: 8px;
        }

    .tab-content .card .card-footer .nav-link {
        max-width: 120px;
    }

        .tab-content .card .card-footer .nav-link a {
            max-width: 100%;
            padding: 8px;
            font-size: 12px;
        }

    .language .form-select {
        padding: 0 30px 0px 5px;
        height: 30px;
    }

    .enqury-btn {
        width: 110px;
        height: 40px;
        font-size: 14px;
    }

    .contact-btn h2 {
        font-size: 18px;
    }

    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1280px;
    }

    .chose-section .right-box-content h1 {
        font-size: 36px;
    }

        .chose-section .right-box-content h1 br {
            display: none !important;
        }

    .carousel-wrap {
        max-width: 1100px;
    }

    .navbar-nav li {
        margin: 0 12px;
    }

    .team-section .card-top-title {
        font-size: 120px;
    }


    .show-on-1500 {
        display: block;
    }

    .hide-on-1500 {
        display: none;
    }

    .breadcrumb-section {
        background-size: auto 100%;
    }
}

@media (max-width:1380px) {

    .popup-modal .modal-body p {
        font-size: 24px;
    }
}

@media (max-width:1280px) {

    .carousel-wrap {
        max-width: 1000px;
    }

    .login-inner-content {
        margin-top: 80%;
    }

    .show-on-1280 {
        display: block;
    }

    .hide-on-1280 {
        display: none;
    }

    .navbar-expand-lg {
        margin-right: 10%;
    }

    .contact-info {
        margin-top: 20px;
        margin-right: 0;
    }
}

@media (max-width:1180px) {

    .carousel-wrap {
        max-width: 900px;
    }

    .theme-section .owl-carousel .prev-slide {
        left: -45px;
    }

    .theme-section .owl-carousel .next-slide {
        right: -45px;
    }

    .login-inner-content h1 {
        font-size: 54px;
    }

    .statistic-section {
        background-size: cover;
    }

    .navbar-nav > li {
        margin: 0 12px;
    }

    .navbar-nav a, .navbar-nav a:focus,
    .navbar-nav li a {
        font-size: 14px;
    }

    /* .contact-btn {
        margin: 0 2rem! important;
    } */

    .top-logo-img {
        max-width: 150px;
        width: 100%;
    }

    .enqury-btn-box {
        margin-right: 2rem !important;
    }
    

    .tab-content .card .card-footer .nav-link {
        max-width: 140px;
    }

    .tab-content .card .card-title a {
        font-size: 22px;
    }

    .tab-content .card-body .card-text {
        font-size: 14px;
    }

    .news_blog-section .card-body .card-title {
        height: 60px;
    }

    /* .contact-btn {
        margin: 0 1.5rem 10px! important;
    } */

    .contact-btn h2 {
        font-size: 18px;
    }
}

@media (max-width:1080px) {

    .navbar-nav > li {
        padding-left: 0px;
    }

    /* .contact-btn h2 {
        font-size: 20px;
    } */

    /* .enqury-btn-box {
        margin: 0 auto! important;
    } */
    /* .contact-btn {
        margin: 0 1rem 10px! important;
    } */

    .activities-section .col-lg-9,
    .activities-section .col-lg-3 {
        width: 100%;
    }

    .image-box {
        text-align: center !important;
    }

    .tab-content .card {
        padding: 1rem !important;
    }

        .tab-content .card .card-footer .nav-link {
            max-width: 130px;
        }

        .tab-content .card .card-footer .btn {
            padding: 10px 5px;
        }

    .news_blog-section .col-lg-3 {
        width: 33%;
    }
}

@media (max-width:1050px) {
    .navbar-nav .nav-link {
        margin-left: 0px;
        /* font-size: 14px; */
        padding: 0 0 !important;
    }

    .scrolled-offset {
        margin-top: 0;
    }

    .breadcrumb-section {
        margin-top: 155px;
    }

    /* .header-section .justify-content-end {
        justify-content: center! important;
    } */

    .logo-img {
        max-width: 200px;
        width: 100%;
    }

    .bootstrap-select.fit-width {
        margin-left: 1rem !important;
        max-width: 80px;
    }

    .box-part .box-img {
        height: auto;
    }

    .login-inner-content {
        margin-top: 100%;
    }

        .login-inner-content h1 {
            font-size: 44px;
        }
}

@media (max-width:1024px) {

    .carousel-wrap {
        max-width: 850px;
    }

    .theme-section .owl-carousel .prev-slide {
        left: -50px;
    }

    .theme-section .owl-carousel .next-slide {
        right: -50px;
    }

    .show-on-1024 {
        display: block;
    }

    .hide-on-1024 {
        display: none;
    }
}

@media (max-width:991px) {

   /* .overlay-screen-darken {
        display: block;
        opacity: 1;
        visibility: visible;
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        z-index: 1;
        right: 0;
        background: rgba(0, 0, 0, 0.6);
    }*/
    .overlay-screen-darken {
        display: block;
        opacity: .8;
        visibility: visible;
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        z-index: 1;
        right: 0;
        background-color: rgba(7, 124, 133, 1);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .animation-gif {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

        .animation-gif img {
            max-width: 250px;
            width: 100%;
        }
    /*.fancybox-toolbar {
        right: 200px;
        top: 220px;
        display:none;
    }

    .fancybox-infobar {
        left: 205px;
        top: 210px;
    }*/

    /*.fancybox-navigation .fancybox-button--arrow_left {
        left: 208px;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        right: 208px;
    }*/
    .tab-content .card .card-title,
    .tab-content .card p {
    height:100%;
    }
    .navbar-expand-lg {
        margin-right: 0;
    }

    .popup-modal .modal-body p {
        font-size: 22px;
    }

    .container-xxl {
        max-width: 720px;
    }

    .carousel-section .container-xxl,
    .header-section .container-xxl {
        max-width: 100%;
    }

    /* .header-section {
        padding: 0;
    } */

    .contact-info {
        flex-direction: column;
    }

    .designs-content,
    .copyright-section .row {
        justify-content: center !important;
    }

    .designs-content,
    .copyright-section {
        text-align: center;
    }

    .features-section .section-top-title {
        margin: 60px 0 30px;
    }

    .online-business {
        margin: 80px 0 50px;
    }

    .section-04 {
        padding-top: 100px;
    }

    .small-title {
        margin-bottom: 10px;
    }

    .sub-heading-title {
        margin-bottom: 10px !important;
        line-height: 1;
    }

    .top-title {
        margin-bottom: 20px;
    }

    .mt-54 {
        margin-top: 30px;
    }

    .list-items {
        margin: 30px 0 40px;
    }

    .mb-120 {
        margin-bottom: 60px;
    }

    .mb-80 {
        margin-bottom: 40px;
    }

    .features-section {
        margin-bottom: 70px;
    }

        .features-section .row .p-4 {
            padding: 1rem !important;
        }

    .bootstrap-select.fit-width {
        margin: 0 0 0 10px !important;
        flex-direction: column;
    }

    .dropdown-item {
        color: var(--dark);
    }

    .login-inner-content h1 {
        font-size: 34px;
    }

    .login-inner-content h5 {
        font-size: 22px;
    }

    .bg-wave {
        background-size: auto;
    }

    .statistic-section {
        background-position: top right;
    }

    .card-body .card-title a {
        font-size: 22px;
    }

    .featured-services .g-5, .gx-5 {
        --bs-gutter-x: 1.5rem;
    }

    .section-title h1 {
        font-size: 30px;
    }

    #footer .footer-newsletter .container,
    #footer .footer-newsletter {
        padding-top: 0;
    }

    .hide-on-991 {
        display: none !important;
    }

    .show-on-991 {
        display: block !important;
    }

    .header-section .container {
        justify-content: space-between !important;
    }

    .navbar-nav li {
        margin: 0!important;
        padding:10px 0!important;

        width: 100%;
        display: block;
    }
        .navbar-nav li:hover:after, .navbar li:hover:after, .navbar li.active:after {
            bottom:0;

        }
        .navbar-nav li:after {
            width: 100%;
            visibility: visible;
            background-color: #000;
            height: 1px;
            bottom: 0;
        }
        .navbar-nav li a {
            padding: 0;
            display: block;
            width: 100%;
        }

    #header.fixed-top {
        height: 90px;
    }

    .scrolled-offset {
        margin-top: 0;
    }

    .breadcrumb-section {
        margin-top: 80px;
    }


    .toll-btn-box {
        display: flex !important;
        align-items: center;
        gap: 20px;
    }

    .contact-btn {
        margin-left: 0 !important;
    }

    .news_blog-section .col-md-6 {
        width: 50%;
    }

    .left-content-box {
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .contact-info {
        display: none !important;
    }

    .mobile-contact-info {
        display: block;
    }

    .table-icon {
        margin-right: 5px !important;
    }

    .leaderboard-table .table tbody tr td,
    .leaderboard-table .table thead tr th {
        padding: 20px;
    }

    .action-btn {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: center;
        align-items: center;
    }

        .action-btn .details-btn {
            margin: 0 auto 10px !important;
            max-width: 100%;
            width: 100%;
            padding: 10px 15px;
            font-size: 10px;
        }

    .chart-box {
        margin-top: 0;
        z-index: 0;
    }

    .development-right-box-content {
        margin-top: 30px;
    }

    .contact-section {
        background-position: 40% center;
    }

    .tab-content .card .card-footer .nav {
        gap: 10px;
    }

    .classification-right-box {
        margin-top: 30px;
    }
}
/*@media (max-width:880px) {
    .fancybox-toolbar {
        right: 170px;
    }

    .fancybox-infobar {
        left: 175px;
    }

    .fancybox-navigation .fancybox-button--arrow_left {
        left: 178px;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        right: 178px;
    }
}*/

@media (max-width:820px) {
    .small-title {
        font-size: 20px;
    }

    .sub-heading-title {
        font-size: 26px;
    }

    .top-title {
        font-size: 36px;
    }

    .carousel-inner-content p {
        font-size: 14px;
    }

    .carousel-wrap {
        max-width: 600px;
    }

    .theme-section .owl-carousel .prev-slide {
        left: -50px;
    }

    .theme-section .owl-carousel .next-slide {
        right: -50px;
    }
}

@media (max-width:768px) {
    .breadcrumbs .d-flex {
        display: block !important;
    }

    .breadcrumbs ol {
        display: block;
    }

        .breadcrumbs ol li {
            display: inline-block;
        }
}

@media (max-width:767px) {

    .overlay-screen-darken {
        background-size: auto 50%;
    }

    .pertners-box .card .card-body h3 {
        font-size: 18px;
    }

    .pertners-box .card .card-body p {
        font-size: 1rem;
    }

    .featured-services .card-img img {
        max-width: 100px;
        height: 100px;
    }
    .activite-service-section .card .card-footer .btn, 
    .activite-service-section .tab-content .card .card-footer .btn {
        max-width: 100%;
    }
    .tab-content .card .card-footer .nav-link {
        max-width: 170px;
        margin: 0 auto 10px;
    }

    .activities-section .right-content-box .image-box img {
        max-width: 200px;
        margin: 0 auto;
        width: 100%;
    }
    .right-form-content {
        margin-bottom: 20px;
        padding: 40px 20px 20px;
    }
    .right-form-content {
        margin-bottom:20px;
    }
    .leaderboard-table .table {
        width: 900px;
        text-align: center;
    }

    .leaderboard-table .table > thead {
        vertical-align: middle;
        text-align: center;
    }

    .leaderboard-table .table tbody tr {
        text-align: center;
    }

    .action-btn .details-btn {
        margin-bottom: 0;
    }

    /*   .share-img {
        width: 30px;
    }*/

    .login-section .login-content,
    .reg-section .reg-content {
        background-size: 100% auto;
    }

    .workshop-leaderboard-section {
        padding-bottom: 0;
    }

    .login-inner-content {
        margin-top: 40%;
    }

    .login-logo img {
        max-width: 280px;
        width: 100%;
    }

    .login-section .container-fluid {
        padding: 0 10px !important;
    }

    #footer.footer-section {
        padding: 0 1rem;
    }

    .site-logo a img,
    .footer-logo a img {
        max-width: 150px;
    }

    .content-details p {
        font-size: 14px;
    }

    .sales-content h3 {
        font-size: 20px;
    }

    .content-details h4 {
        font-size: 1rem;
    }

    #footer .footer-newsletter {
        padding: 0 0 20px;
    }

    #footer .footer-newsletter form {
        max-width: 600px;
        margin: 0 auto;
    }

    .right-content-box {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

    .news_blog-section .card-body .card-title a.text-26 {
        font-size: 18px;
    }

    .news_blog-section .card-body .card-title {
        height: auto;
    }

    .contact-section {
        background: url(../img/contact-bg1.png) top center no-repeat;
        background-size: cover;
        padding-bottom: 0;
    }

    .contact-section .container {
        padding-bottom: 0;
    }

    .hide-on-767 {
        display: none !important;
    }

    .show-on-767 {
        display: block !important;
    }

    .featured-services .left-content-box,
    .left-content-box {
        max-width: 500px;
        margin: 0 auto 2rem;
    }

    .accordion-button {
        font-size: 20px;
        padding: 20px;
    }

    .rdio label {
        font-size: 1rem;
    }

    .right-top-heading h2 {
        font-size: 30px;
    }

    .development-right-box-content h4 {
        font-size: 20px;
    }

    .top-contact-section {
        background-image: url(../img/contact-bg-img.png);
        background-position: -90px 0;
        background-repeat: no-repeat;
        background-size: contain;
        padding: 0 1rem;
    }

    .contact-form-section {
        background-color: #fff;
    }

    #header.fixed-top {
        height: 80px;
        padding: 30px 20px;
    }

    .site-logo a img {
        max-width: 100px;
    }

    .footer-copywrigt {
        padding: 30px 0 0;
    }

    #footer .footer-top {
        padding: 40px 0 30px;
    }

    #footer .footer-top .footer-links ul a {
        font-size: 14px;
        line-height: 1.3;
    }

    .footer-logo a img {
        max-width: 120px;
    }

    .tab-item-box .image-box .card-top-image {
        max-width: 200px;
        margin:0 auto;
    }

    .news_blog-section .card-body .card-title a.text-26 {
        font-size: 24px;
    }

    .tab-content .card .card-footer .btn {
        background: #fff;
        color: #93278F;
    }

    .tab-content .card-body .card-text {
        font-size: 12px;
    }

    .tab-content .card .card-footer .nav-link.active .btn,
    .tab-content .card .card-footer .btn:hover,
    .tab-content .card .card-footer .btn.active {
        color: #fff;
    }

    .classification-right-box {
        margin-top: 0;
    }

    .tab-content .card .card-footer .nav-link {
        max-width: 170px;
        width: 100%;
    }

    .designs-content, .copyright-section {
        text-align: left;
        margin: 10px 0;
    }

        .designs-content, .copyright-section .row {
            justify-content: flex-start;
        }

    .contact .php-email-form textarea {
        height: 100px;
    }

    .offcanvas-header .btn-close {
        max-width: 15px;
        height: 15px;
        background-size: auto 100%;
    }

    .nav-tabs .nav-link {
        font-size: 20px;
    }
    .news_blog .section-title {
        flex-direction: column;
        gap: 20px;
    }
    .top-section-title {
        flex-direction: column !important;

    }

        .top-section-title h1 {
            margin-bottom: 20px;
        }

    .featured-services .card-body .card-title a {
        font-size: 24px;
    }

    .classification-top-heading {
        justify-content: center;
        gap: 10px;
    }

    .pressure-box-content {
        margin: 30px auto;
        text-align: center;
    }

    .classification-link {
        justify-content: center;
    }

    .classification-right-box-content .right-top-heading {
        max-width: 100%;
    }

    .leaderboard-section .container {
        padding: 0;
    }

    .social-icons {
        text-align: center;
        margin: 10px auto;
    }
    .blog-post-time .social-icons {
        text-align:right;
        margin: 0 ;
        margin-left: auto;
    }
    
    .thank-you-section .section-top-title h1 {
        font-size: 60px;
    }
}

@media (max-width:736px) {
   /* .fancybox-toolbar {
        right: 100px;
        top: 230px;
    }

    .fancybox-infobar {
        left: 105px;
        top: 220px;
    }

    .fancybox-navigation .fancybox-button--arrow_left {
        left: 104px;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        right: 104px;
    }*/
    .statistic-section {
        padding: 100px 20px;
    }
}

@media (max-width:680px) {
}

@media (max-width:640px) {
   /* .fancybox-toolbar {
        right: 50px;
        top: 230px;
    }

    .fancybox-infobar {
        left: 55px;
        top: 220px;
    }

    .fancybox-navigation .fancybox-button--arrow_left {
        left: 55px;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        right: 55px;
    }*/
    .login-section .login-content,
    .login-section .reg-content {
        background-size: cover;
    }

    .login-section .login-content {
        background-color: rgba(0, 0, 0, .3);
        background-blend-mode: overlay;
    }

    .login-logo img {
        max-width: 240px;
    }

    .company-row {
        text-align: center;
        display: block !important;
    }

    .table-icon {
        margin: 0px auto !important;
    }

    .leaderboard-table .table tbody tr td,
    .leaderboard-table .table thead tr th {
        padding: 15px;
    }

    .contact-btn {
        margin: 0 0 0 !important;
    }

    .hide-on-640 {
        display: none !important;
    }

    .show-on-640 {
        display: block !important;
    }

    section, .section {
        padding: 30px 1rem;
    }

    .mobile-contact-info {
        display: none;
    }

    .toll-btn-box {
        flex-direction: column;
        align-items: flex-start;
        margin-top:20px;
    }

    .enqury-btn-box .enqury-btn {
        max-width: 100%;
        width: 100%;
    }

    .enqury-btn-box {
        width: 100%;
    }

    .navbar-nav > li {
        margin: 0;
    }

    .classification-right-content-box::after,
    .classification-right-box-content::after {
        display: none;
    }

    .classification-right-box-content .right-top-heading {
        max-width: 100%;
    }

    .video-section .container,
    .classification-section .container {
        padding: 0;
    }

    .video-section .card-img img {
        border-radius: 40px 0 40px 40px;
     
    }

    .classification-btn .nav-link .btn {
        padding: .375rem .75rem;
    }
}

@media (max-width:575px) {
    
    .overlay-screen-darken {
        background-size: auto 30%;
    }

    
    .pertners-box .card .card-body h3 {
        font-size: 24px;
    }

    .pertners-box .card .card-body p {
        font-size: 1rem;
    }

    /*.fancybox-toolbar {
        right: 0;
    }

    .fancybox-infobar {
        left: 0;
    }

    .fancybox-navigation .fancybox-button--arrow_left {
        left: 0;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        right: 0;
    }*/
    .search-indicate-text {
        font-size:14px;
    }
    .quick-search .btn {
        max-width: 120px;
        padding: 10px;
    }
    .top-heading h2 {
        font-size: 24px;
    }
    .details-content p {
        font-size: 14px;
    }
    .modal-body iframe {
        height:280px!important;
    }
    .search-form {
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
    }
    .quick-search .blue-line:before {
        height: 50px;
    }
    .quick-search-wrapper {
        padding: 40px 0px;
    }
    .quick-search .section-title {
        font-size:30px;
        padding-bottom:0px;
    }
    .quick-search .section-sub-title {
        font-size: 24px;
        text-align:left!important;
    }

    .top-title {
        margin-bottom: 0;
    }

    /* #footer .footer-top .footer-links ul a {
        font-size: 18px;
    } */
    .popup-modal .modal-body p {
        font-size: 1rem;
    }
    .featured-services .card-img {
        background-size:cover;
    }
    .tab-content .card .card-body p {
        display: none
    }

    .carousel-caption h5 {
        font-size: 20px;
    }

    .carousel-caption h1 {
        margin-bottom: 10px;
        font-size: 26px;
    }

    .sub-heading-title {
        font-size: 22px;
    }

    .mt-54 {
        margin-top: 10px;
    }

    .online-business {
        margin: 50px 0 30px;
    }

    .section-top-title h5 {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .leaderboard-section .section-top-title h1 {
        margin-bottom: 0;
    }

    .section-top-title h1 {
        margin-bottom: 15px;
        font-size: 32px;
    }

    .content-box h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .box-part .box-img {
        height: auto;
    }

    .box-content h4 {
        font-size: 26px;
    }

    .box-content span {
        font-size: 14px;
        line-height: 1.2;
    }

    .input-group input[type="email"] {
        max-width: 270px;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .hide-on-575 {
        display: none !important;
    }

    .show-on-575 {
        display: block !important;
    }

    /* .contact-section .container .right-box .col-12 {
        width: 50%;
    } */


    .header-section .container {
        padding: 0;
    }

    #hero {
        height: 100%;
    }

    .accordion-button {
        font-size: 18px;
    }

    .video-section .card .card-img,
    .testimonial-box .card-img {
        padding: 0;
    }

    .card-img {
        flex-direction: column;
        color: #fff;
        padding: 20px;
        text-align: left;
        margin-bottom: 0;
    }

    .featured-services .image-box {
        margin-bottom: 0;
    }

    .classification-top-heading {
        margin-bottom: 30px;
    }

    .leaderboard-section {
        padding: 30px 1rem 60px;
    }

    .top-about-section-box {
        margin-bottom: 60px;
    }

    .card-box .card-img {
        display: block;
        padding: 0;
        text-align: center;
    }

    .card-box .card-img img {
        max-width: 100%;
    }

    .card-img img {
        max-width: 80px;
        margin: 0 auto 0px;
    }

    .leaderboard-section .top-title, .box-top-title h1 {
        font-size: 30px;
    }

    .box-top-title h1 {
        margin-bottom: 10px! important;
    }

    .classification-top-heading h2.diverse-title {
        font-size: 20px;
    }

    .card-title {
        margin-top: 10px;
        width: 100%;
        text-align: left;
    }

        .card-title a {
            color: #fff;
            text-align: left;
            display: block;
        }

    .scrolled-offset {
        margin-top: 80px;
    }

    #hero .btn-watch-video {
        width: 50px;
        height: 50px;
    }

    .nav-tabs .nav-link {
        font-size: 20px;
    }

    .tab-content {
        margin-top: 30px! important;
    }

    .tab-item-box .item {
        margin: 0 auto;
    }

    .tab-content .card .card-body {
        margin-bottom: 15px;
    }

    .tab-content .card .card-title {
        margin-top: 0;
    }

    .activite-service-section .nav-tabs .nav-link {
        font-size: 16px;
    }

    .featured-services .container {
        padding: 0;
    }

    .classification-top-heading .top-logo {
        max-width: 70px;
        width: 100%;
    }
}

@media (max-width:480px) {
   /* .popup-modal .btn-close:focus, .popup-modal .btn-close {
        top:10px;
    }*/
   /* .fancybox-infobar {
        
        top:230px;
    }
    .fancybox-toolbar {
        top:240px;
    }*/
    .activities-section .right-content-box .image-box img,
    .tab-item-box .image-box .card-top-image {
        margin: 0 auto;
        max-width: 150px;
    }
    .vdo-embed {
        height: 220px;
    }
    blockquote img {
        width:100%;
        height:100%;
    }
    .play-icon .btn-watch-video.glightbox .glightbox-container .gcontainer {
        max-width: 400px;
        overflow: visible;
    }

    .play-icon .btn-watch-video .glightbox-clean .gclose {
        top: 25%;
      
    }
    .footer-copywrigt {
        font-size: 13px;
    }
    .section-title h1 {
        font-size: 24px;
    }
    .close-btn {
       
        right: 0;
    }
    .submit-btn,
    .input-group input[type="email"] {
        max-width: 100%;
        border-radius: 0 !important;
    }
    
    .modal-body iframe {
        height:220px!important;
    }

    .form-check .form-check-input {
        margin-right: 10px;
    }

    .form-check {
        text-align: left;
    }

    .reg-box {
        display: block;
        margin: 20px auto;
    }

        .reg-box .next-btn {
            margin: 20px auto !important;
        }

    .submit-btn {
        padding: 12px 20px;
    }

    .news_blog-section .col-md-6,
    .contact-section .container .right-box .col-12 {
        width: 100%;
    }

    .accordion-button {
        font-size: 1rem;
    }

    .rdio label {
        font-size: 14px;
    }

    .activite-service-section .nav-tabs .nav-link {
        font-size: 14px;
    }

   /* .featured-services .left-box {
        flex: 0 0 auto;
        width: 100%;
    }*/

        .featured-services .left-box .row {
            justify-content: center !important;
            align-items: center !important;
            text-align: center;
        }

    .featured-services .image-box {
        margin: 0 auto;
    }

    .classification-link a {
        font-size: 13px;
    }
    .pressure-img-box {
        margin-bottom: 15px;
        max-width: 300px;
        text-align: center;
    }

    .classification-top-heading {
        gap: 10px
    }

    .pressure-box-content ul li {
        margin-bottom: 20px;
    }

    .leaderboard-section .top-title,
    .box-top-title h1 {
        font-size: 24px;
    }

    .right-top-heading h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .classification-right-box-content .right-top-heading p {
        font-size: 14px;
    }

    .pressure-classification span, .pressure-box-content ul li span {
        font-size: 14px;
        line-height: 1.2;
    }

    .classification-top-heading h2.diverse-title {
        font-size: 15px;
    }

    .classification-right-top-heading {
        margin-bottom: 20px;
    }

    .leaderboard-btn .details-btn {
        font-size: 12px;
        max-width: 100%;
        padding: 15px 10px;
    }

    .right-form-content .content-details p {
        font-size: 12px;
        line-height: 1.5;
    }

    .sales-content h3 {
        font-size: 16px;
    }

    
    .thank-you-section .section-top-title h1 {
        font-size: 40px;
    }
    
    .thank-you-section .section-top-title h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .thank-you-section .section-top-title h3 {
        font-size: 1rem;
        margin-bottom: 0;
    }

    .thank-you-section .enqury-btn {
        margin-top: 2rem! important;
    }
}

@media (max-width:425px) {
   /* .fancybox-infobar {
        top: 250px;
    }

    .fancybox-toolbar {
        top: 260px;
    }*/
    .carousel-inner-content p {
        display: none;
    }

    .section-top-title h1 {
        font-size: 22px;
    }

    .news_blog-section .card-body .card-title a.text-26 {
        font-size: 20px;
    }

    .featured-services .card-img img {
        max-width: 80px;
        height: 80px;
    }

    .content-box h2 {
        font-size: 20px;
    }

    .content-box {
        font-size: 14px;
    }

        .content-box p {
            padding: 0 !important;
        }

    .list-items li {
        font-size: 14px;
        line-height: 1.2;
    }

        .list-items li span {
            margin-top: -2px;
        }

    #footer .footer-newsletter h4 {
        font-size: 18px;
    }

    .nav-tabs .nav-link {
        max-width: 100%;
    }

    .card-img {
        height: auto;
        padding: 40px 20px;
    }

        .card-img img {
            max-width: 50px;
        }

    .card-title {
        font-size: 16px;
    }
    /* .activite-service-section .tab-content .card .card-footer .btn,
    .activite-service-section .tab-content .card .card-footer .nav-link {
        max-width: 100%;
    }*/

    .tab-content .card .card-footer .nav-link {
        max-width: 135px;
        margin: 0 auto;
    }

    .tab-content .card .card-footer .btn {
        max-width: 130px;
    }

  

    /* .tab-content .card .card-footer .nav {
        justify-content: center;
    } */

    #footer .footer-top h4 {
        font-size: 20px;
    }

    #footer .footer-top .footer-links ul a {
        font-size: 12px;
    }

    .top-about-section-box .row .col-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .pressure-img-box {
        margin-bottom: 15px;
        max-width: 300px;
        text-align: center;
    }

    .classification-top-heading {
        gap: 10px
    }

    .pressure-box-content ul li {
        margin-bottom: 20px;
    }

    .leaderboard-section .top-title,
    .box-top-title h1 {
        font-size: 24px;
    }

    .right-top-heading h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .classification-right-box-content .right-top-heading p {
        font-size: 14px;
    }

    .pressure-classification span, .pressure-box-content ul li span {
        font-size: 14px;
        line-height: 1.2;
    }

    .classification-top-heading h2.diverse-title {
        font-size: 15px;
    }

    .classification-right-top-heading {
        margin-bottom: 20px;
    }

    .leaderboard-btn .details-btn {
        font-size: 12px;
        max-width: 100%;
        padding: 15px 10px;
    }

    .tab-content .card .card-footer .nav {
        width: 100%;
        justify-content: space-between;
    }

    /* .tab-content .card .card-title a {
        font-size: 16px;
    }

    .tab-content .card .card-body {
        margin-bottom: 0;
    }

    .tab-content .card .row {
        align-items: center;
    } */
}

@media (max-width:380px) {

   /* .fancybox-infobar {
        top: 270px;
    }

    .fancybox-toolbar {
        top: 280px;
    }*/
    .store-btn,
    .singin-btn {
        margin-bottom: 15px;
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 10px !important;
        border-radius: 0;
    }

    .accordion-button {
        font-size: 14px;
    }

    .activite-service-section .nav-tabs .nav-link {
        font-size: 12px;
    }

    .tab-content .card .card-footer .nav-link {
        max-width: 130px;
    }
}

@media (max-width:340px) {
    /*.fancybox-infobar {
        top: 280px;
    }

    .fancybox-toolbar {
        top: 137px;
    }*/
    .right-box,
    .left-box {
        width: 100%;
    }

    .card-img img {
        margin: 0 auto;
    }

    .card-title a,
    .card-title {
        text-align: center;
    }

    .featured-services .image-box {
        margin: 20px auto 0;
    }

    .tab-content .card .card-footer .nav-link,
    .tab-content .card .card-footer .btn {
        max-width: 100%;
    }
}