@media (min-width: 2300px) {
    .pocket-main-box::before {
        width: 61%;
    }
}
@media (min-width: 2500px) {
    .pocket-main-box::before {
        width: 54%;
    }
}
@media (min-width: 2750px) {
    .pocket-main-box::before {
        width: 60%;
    }
}
@media (min-width: 3000px) {
    .pocket-main-box::before {
        width: 57%;
    }
}
@media (min-width: 3200px) {
    .pocket-main-box::before {
        width: 54%;
    }
}
@media (max-width: 1699px) {
    .container {
        max-width: 1450px;
    }
}
@media (max-width: 1599px) {
    .container {
        max-width: 1350px;
    }
}
@media (max-width: 1540px) {
    .sign-in-box {
        height: 330px;
    }
}
@media (max-width: 1499px) {
    .container {
        max-width: 1250px;
    }
    .pra-size {
        font-size: 22px;
        line-height: 39px;
        margin-top: 15px;
    }
    .mian-list-tab {
        margin-top: 30px;
    }
    .smarter-work .tital-main-box > .pra-size {
        margin-bottom: 25px;
    }
    .text-5xl,
    h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .nav-link {
        padding: 0.5rem;
    }
}
@media (max-width: 1399px) {
    .container {
        max-width: 1200px;
    }
    .benefits-caroser > .owl-nav > button.owl-next {
        right: -41px;
    }
    .benefits-caroser > .owl-nav > button.owl-prev {
        left: -40px;
    }
    .mobile-app-link-box h3 {
        font-size: 30px;
    }
    .plans-card > h2,
    .three-row-item > h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .light-box-item a > p {
        font-size: 20px;
    }
    .blog-info h3 {
        font-size: 25px;
    }
    .pra-size {
        font-size: 16px;
        line-height: 30px;
    }
    .blog-writer {
        margin-top: 20px;
    }
    .sign-in-box {
        height: 330px;
    }
}
@media (max-width: 1299px) {
    .container {
        max-width: 1100px;
    }
    .one-item a {
        height: 450px;
    }
    .three-item a:not(:last-child),
    .two-item a {
        height: 216px;
    }
    .three-item {
        width: 400px;
    }
    .pocket-main-box::before {
        width: 70%;
    }
    .tab-view-list li > button {
        font-size: 16px;
    }
    .light-box-item a.full-width {
        height: 220px;
    }
}
@media (max-width: 1199px) {
    .main-link {
        font-size: 13px;
    }
    .grid-box-four {
        column-gap: 0;
    }
    .container {
        max-width: 950px;
    }
    .benefits-caroser > .owl-nav > button.owl-prev {
        left: 0;
    }
    .benefits-caroser > .owl-nav > button.owl-next {
        right: 0;
    }
    .text-5xl,
    h1 {
        font-size: 36px;
        line-height: 46px;
    }
    .pra-size {
        font-size: 20px;
        line-height: 30px;
    }
    .tab-view-list li > button {
        padding-inline: 20px;
    }
    .three-item {
        width: 355px;
    }
    .one-item a {
        height: 400px;
    }
    .three-item a:not(:last-child),
    .two-item a {
        height: 192px;
    }
    .light-box-item a > p {
        font-size: 15px;
    }
    .three-row-grid {
        grid-template-columns: repeat(2, 240px);
    }
    .light-box-item a.full-width {
        height: 193px;
    }
    .pocket-main-box::before {
        height: 100%;
    }
    .two-grid {
        grid-template-columns: 250px 1fr;
    }
    .two-grid-deatil-box {
        gap: 30px;
    }
    .card-description,
    .feature-list {
        font-size: 12px;
        line-height: 22px;
    }
    .plan-price,
    .price-btn > a {
        font-size: 16px;
    }
    .policy-tab-list ul li a{
        padding-inline: 20px;
    }
}
@media (max-width: 991px) {
    .grid-box-four {
        column-gap: 0;
    }
    .Products-guide-box {
	    padding-inline:10px;
    }
    .megamenu-item {
        padding: 16px 6px;
    }
    .infomation-list-box,
    .policyContant {
        padding-left: 0;
    }
    .main-link {
        font-size: 9px;
    }
    .megamenu-item > ul > li > a {
        font-size: 10px;
    }
    .Products-guide-box h4,
    .Products-guide-box h5 {
        font-size: 16px;
        line-height: 18.05px;
        margin-bottom: 12px;
    }
    .Products-guide-box h5 {
        font-size: 12px;
        line-height: 11.78px;
    }
    .text-6xl {
        font-size: 2.75rem !important;
        line-height: 60px !important;
    }
    .container {
        max-width: 750px;
    }
    .policy-tab-list,
    .policyContant {
        max-width: 100%;
    }
    .light-box-design {
        grid-template-columns: repeat(3, auto);
    }
    .three-item {
        width: 100%;
        grid-row-start: 2;
        grid-column-start: 1;
        grid-column-end: -1;
    }
    .tab-view-list li > button {
        padding:6px 10px;
        font-size: 12px;
        width: max-content;
    }
    .grid-row {
        grid-template-columns: 62% 32%;
    }
    .pocket-main-box::before {
        width: 65%;
    }
    .three-row-grid {
        grid-template-columns: repeat(2, 220px);
    }
    .owl-nav {
        display: none;
    }
    .owl-dots {
        display: flex;
        justify-content: center;
        column-gap: 7px;
    }
    .owl-dots .owl-dot {
        height: 10px;
        width: 10px;
        background: #0000003b !important;
        border-radius: 100%;
    }
    .owl-dots .owl-dot.active {
        background: #fe6d33 !important;
    }
    .light-box-item a.full-width {
        height: auto;
    }
    .bloger-one-box,
    .two-grid-deatil-box {
        grid-template-columns: 1fr;
    }
    .policy-tab-list .custom-tab-list {
        display: flex;
        gap: 20px;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .policy-tab-list .custom-tab-list::-webkit-scrollbar {
        width: 0;
    }
    .policy-tab-list ul li a {
        white-space: pre;
    }
    .all-popup .modal-dialog {
        max-width: 650px;
    }
    .plans-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    #mega-menu > ul > li > * {
	    font-size: 14px;
	}
    .text-5xl, h1 {
        font-size: 26px;
        line-height: 36px;
    }
    .pra-size {
        font-size: 14px;
        line-height: 25px;
    }
     .policy-tab-list ul li a{
        padding: 6px 10px;
        font-size: 12px;
        width: max-content;
    }
}
@media (max-width: 767px) {
    header {
        background-color: #fff;
        padding-inline: 0;
    }
    header .header-button > a {
        padding-block: 5px;
        font-size: 12px;
    }
    main h1.text-6xl {
        font-size: 1.75rem;
        line-height: 40px;
    }
    main p.text-xl {
        font-size: 12px;
        line-height: 25px;
    }
    .Products-guide-box,
    .megamenu-item > ul {
        display: none;
    }
    .managemnt-system > ul {
        display: block;
    }
    .megamenu-item {
        padding: 5px 20px;
    }
    .text-xl {
        font-size: 12px;
        line-height: 18px;
    }
    .text-5xl {
        font-size: 20px;
        line-height: 30px;
    }
    .text-3xl {
        font-size: 16px;
        line-height: 30px;
    }
    .main-link {
        font-size: 12px;
    }
    #mega-menu-dropdown.block {
        display: block !important;
    }
    #dropdownNavbar,
    #mega-menu-dropdown {
        position: static !important;
        width: 100%;
        box-shadow: none !important;
        background-color: #d9d9d945;
        border-radius: 0;
    }
    #dropdownNavbar.block,
    #mega-menu-dropdown.block {
        transform: translate(0, 0) !important;
    }
    .container {
        max-width: 100%;
        padding-inline: 20px;
    }
    .automated-board {
        padding-block: 0 50px; 
    }
    .pocket-main-box::before {
        width: 100%;
        border-radius: 0;
    }
    .grid-row {
        grid-template-columns: 1fr;
        position: relative;
    }
    .three-row-grid {
        padding-right: 0;
        padding-top: 0;
    }
    .mobile-app-link-box h3 {
        text-align: center;
    }
    .tab-view-list {
        column-gap: 0;
    }
    .mobile-img-box {
        width: 360px;
    }
    .blog-info h3 {
        font-size: 17px;
        margin-bottom: 5px;
    }
    #mega-menu > ul {
        margin-top: 20px;
    }
    #mega-menu-dropdown {
        background-color: #f3f4f6 !important;
    }
    .all-popup .modal-dialog {
        max-width: 550px;
    }
    .user-img-name {
        flex-direction: column;
        row-gap: 20px;
    }
    #mega-menu > ul > li:hover .submenuList {
        display: block;
    }
    .rounded-pill {
        border-radius:0 !important;
    }
    .footer-menu-list{
       padding-inline:15px;
       margin-top:20px;
    }
}
@media (max-width: 599px) {
    .grid-box-hiring,
    .plans-grid,
    .three-row-grid,
    .two-grid {
        grid-template-columns: 1fr!important;
        gap:20px;
    }
    .grit-items.detail-grid-box {
        padding: 20px;
    }

    .gridOrder-1{
        order: inherit;
    }

    .detail-grid-box h3 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 0;
        text-align: center;
    }
    .detail-grid-box p {
        font-size: 12px;
        line-height: 22px;
        text-align: center;
    }
    main h1.text-6xl {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .text-xl {
        font-size: 12px !important;
    }
    .text-5xl {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .text-3xl {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    p {
        font-size: 12px;
        line-height: 20px;
    }
    .tab-view-list {
        overflow-x: auto;
    }
    .horizontal-line {
        width: 80%;
    }
    .three-row-grid {
        text-align: center;
    }
    .mobile-app-link-box h3 {
        font-size: 20px;
    }
    .text-5xl,
    h1 {
        font-size: 25px;
        line-height: 40px;
    }
    .video-box {
        border-radius: 10px;
    }
    .light-box-design {
        grid-template-columns: repeat(2, auto);
    }
    .two-item {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-column-start: 1;
        grid-column-end: -1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .one-item a {
        height: 190px;
    }
    .pra-size {
        font-size: 13px;
        line-height: 23px;
    }
    .three-row-item > h4 {
        font-size: 18px;
        line-height: 25px;
    }
    .mobile-btn {
        display: block;
    }
    .blog-filter-show-btn {
        border: none;
        box-shadow: -1px 5px 5px 3px #f1f1f1;
        padding: 10px 30px;
        text-align: center;
        background: linear-gradient(-22deg, #ffd600 0, #ff5e00 68%);
        color: #fff;
        border-radius: 20px;
    }
    .filter-sidebar {
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        background: #fff;
        z-index: 111;
        width: 90%;
        box-shadow: 0 0 70px #000;
        transition: 0.5s;
        padding: 50px 16px 0;
    }
    .filter-sidebar.show-sidebar {
        left: 0;
    }
    .filter-sidebar .mobile-btn {
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        padding: 2px 14px;
        cursor: pointer;
        font-size: 20px;
        box-shadow: -1px 8px 7px #f1f1f1;
        background: #fff;
    }
    header .header-button > a.sing-in-btn {
        padding-inline: 20px !important;
    }
    header .black-btn > .black.black-sm {
        padding: 10px 40px;
    }
    .all-popup .modal-dialog {
        max-width: 320px;
    }
    .footer-menu {
        text-align: center;
    }
    .brand-about {
        margin-bottom: 20px;
        text-align: center;
    }
    .container {
		padding-inline: 15px;
    }
    .black::after, .black::before {
    	font-size: 13px !important;
    	padding: 4px 9px !important;
    }
    .black-btn > .black {
		max-width: 215px !important;
		line-height: 30px !important;
	}
    .jobs-detail-page {
        margin-block-start: 50px !important;
    }
   .footer-coyright {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 14px;
    }
    .footer-menu > h6 {
	    font-size: 14px;
    }
    .footer-menu > ul > li > a {
	    font-size: 12px;
    }
    .job-footer ul li a {
        width: 50px !important;
    }
}
@media (max-width: 480px) {
    .mobile-img-box {
        width: 100%;
    }
    .brand_name{
        width:53px;
    }
}