@media only screen and (min-width:1024px) and (max-width:1139px) {
    .servicebox .serviceslist {
        flex: 0 0 22.6%
    }
    .serviceslist h4 {
        font-size: 13px
    }
    .trustus {
        padding: 38px 0;
        max-width: calc(100% - 42%)
    }
}

@media (min-width:768px) {
    .p-lg-none {
        padding: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .servicebox .serviceslist {
        flex: 0 0 31.4%
    }
    .copyright p,
    .serviceslist h4,
    .slider_ctn p {
        font-size: 13px
    }
    .trustus {
        padding: 38px 0
    }
    header h2 {
        font-size: 16px
    }
    header p {
        font-size: 11px;
        line-height: 15px
    }
    header ul li a {
        font-size: 14px
    }
    header ul li a img {
        width: 14px
    }
    .popframe {
        padding-bottom: 10%
    }
    footer h3 {
        font-size: 1rem
    }
    .disclamier p {
        font-size: .7rem
    }
    .details_form input,
    .trusrcard h5 {
        font-size: .8rem
    }
    .homeicon img {
        width: 20px
    }
    .homeicon {
        padding: 5.5px 9px
    }
    .menu ul.topmenu li a {
        font-size: 13px;
        padding: .5rem .3rem
    }
    .careprovider ul li p,
    .menu ul.childmenu a {
        font-size: 12px
    }
    .slider_ctn h2 {
        font-size: 2.2rem
    }
    .sliderform {
        width: 293px;
        padding: 15px
    }
    .trusrcard {
        max-width: 410px;
        padding: 12px
    }
    .careprovider h2 {
        font-size: 22px
    }
    .careprovider ul li {
        padding: 0 20px
    }
    .careprovider ul li span,
    .localknow h3 {
        font-size: 28px
    }
    .services h2 {
        font-size: 24px
    }
    .trustus h2 {
        font-size: 23px
    }
    .trustbox h4 {
        font-size: 17px
    }
    .trustbox p {
        font-size: 11px;
        height: 82px
    }
    .certificate h2 {
        font-size: 23px;
        margin-bottom: 20px
    }
    .certificate a {
        padding: 13px 0;
        font-size: 13px
    }
    .channelpartner h2 {
        font-size: 21px
    }
    footer .footerfirst ul li a {
        word-wrap: break-word
    }
    .carelist,
    .supportlist {
        width: 186px
    }
    .trusrcard ul {
        white-space: nowrap;
        overflow-x: scroll
    }
    .trusrcard ul li {
        width: 28.33%
    }
    .supportlist ul li {
        padding-right: 20px
    }
}

@media only screen and (max-width:767px) {
    .Offers-sec img,
    .ch-head,
    ul.add:last-child {
        margin-bottom: 20px
    }
    .confused-main,
    .cta-outer h2,
    .img-brochure h2,
    .localknow,
    .slider_ctn,
    .slider_ctn h1 {
        text-align: center
    }
    .banner-content {
        background: #0000002b
    }
    #counter,
    .careprovider ul {
        flex-wrap: wrap
    }
    .brocher-btn,
    .ch-img,
    .rating-box {
        justify-content: center
    }
    #counter .item {
        width: 43%;
        padding: 0
    }
    section.location ul li {
        width: 48.5%;
        font-size: 13px;
        padding: 10px
    }
    .Offers-sec img,
    .work-process-item:after {
        display: none
    }
    .Whychooseus-section {
        padding: 50px 0
    }
    .ch-img {
        margin: 20px auto;
        display: flex
    }
    .ch-img img {
        width: 200px
    }
    .work-process-item:nth-child(odd) {
        margin-top: 0
    }
    .degree-content ul.points li,
    .work-process-item {
        width: 100%
    }
    .reviewpoint1 .swiper-wrapper {
        margin-bottom: 0;
        padding-bottom: 135px
    }
    .Reviews-inner,
    .packages-inner img,
    .productbox>img,
    .reviewpoint,
    iframe#youtube-video {
        height: 250px
    }
    .productbox {
        margin: 100px 0 15px
    }
    .appointment-schedule-section .image-column .image,
    .brocher-btn {
        margin-right: 0
    }
    .swiper.swiper-upper-banner {
        margin-top: 10px
    }
    .min-course {
        min-height: 100px
    }
    .img-brochure h2,
    .repairing-left h5,
    .slider_ctn h1,
    .trustus h2,
    .whychooseus h2 {
        font-size: 20px
    }
    .icon,
    .phone-icon {
        width: 20px;
        height: 20px;
        font-size: 9px
    }
    .admission-sec ul li {
        width: 46%;
        margin: 4px;
        padding: 4px 0
    }
    .reviewpoint1 .swiper-slide {
        height: 180px
    }
    ul.why-ul li {
        width: 26%;
        margin-bottom: 13px
    }
    .swiper-upper-banner .swiper-wrapper {
        padding-bottom: 45px
    }
    .degree-content .package_list-inclusions>li p img {
        width: 30px
    }
    .degree-content .package_list-inclusions>li span {
        font-size: 7px;
        margin-bottom: 3px
    }
    .degree-content {
        padding: 10px !important
    }
    .degree-content .inclusion_block {
        margin-top: 20px !important;
        margin: 0
    }
    a.logo {
        padding: 5px
    }
    section.why-us-sec {
        padding: 25px 0 15px
    }
    .why-inner {
        padding: 10px
    }
    .why-inner h4 {
        font-size: 7px;
        margin-bottom: 0
    }
    .why-inner img {
        height: 35px;
        width: 35px
    }
    .min-course img {
        height: 65px
    }
    .brocher-btn {
        display: flex;
        margin-top: 16px
    }
    .Stars,
    .brocher-btn a,
    .chooselist .choosectn p,
    .enroll-heading a,
    .service-inner a {
        font-size: 12px
    }
    .main-slider img {
        height: 400px
    }
    .menu ul.topmenu::-webkit-scrollbar {
        display: none
    }
    .devmenu.position-relative {
        overflow: hidden
    }
    .menu ul.childmenu,
    .menu ul.topmenu {
        white-space: nowrap;
        overflow-x: scroll
    }
    .scroll-text h4 {
        font-size: 19px
    }
    .localknow p,
    .scroll-text p,
    .single_feature a,
    header ul li a {
        font-size: 14px
    }
    .popup-text {
        padding: 10px 10px 0;
        gap: 0;
        justify-content: space-between
    }
    .Confused-inner,
    .brocher-download-div,
    .col-sm-6.slider_ctn,
    .confused-main,
    .img-brochure,
    .schedule-info-outer {
        flex-direction: column
    }
    div#enquiryForm {
        padding: 9px
    }
    #enquiryForm .close-btn {
        position: absolute !important;
        top: 0 !important;
        right: 7px !important;
        left: 94% !important
    }
    .brocher-btn img {
        margin-top: 16px;
        margin-left: 0;
        display: block
    }
    .col-sm-6.slider_ctn {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 40px
    }
    .Confused-inner .brocher-btn {
        display: flex;
        justify-content: stretch;
        width: 100%;
        margin-bottom: 7px
    }
    .Confused-inner .brocher-btn a {
        margin-right: 10px
    }
    .confused-main {
        align-items: center
    }
    .confused-main img {
        width: 80px;
        height: 80px;
        margin-bottom: 16px
    }
    .img-brochure img,
    .service-inner {
        margin-bottom: 15px
    }
    .packageenquiry {
        margin: auto;
        margin-top: 10px !important;
        width: 90%
    }
    .cta-outer button,
    .slider_ctn,
    .sliderform,
    ul.package-ul li {
        width: 89%;
        margin: auto
    }
    .sliderform {
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #0a4251
    }
    .team-content p {
        font-size: 11px
    }
    section.work-sec {
        padding-bottom: 10px
    }
    .appointment-schedule-section .image-column,
    .site-heading {
        margin-bottom: 0
    }
    section.gallery-sec {
        padding-bottom: 0
    }
    section.gallery-sec img {
        height: 150px
    }
    .schedule-info .info-inner {
        margin: 15px
    }
    .appointment-schedule-section h2,
    .repairing-left h2 {
        font-size: 30px
    }
    .appointment-schedule-section,
    .trustus {
        padding: 30px 0
    }
    .single_feature ul li {
        font-size: 13px;
        line-height: 26px;
        margin-bottom: 18px
    }
    .repairing-right h2 {
        font-size: 30px;
        font-weight: 600
    }
    .repairing-right p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0
    }
    .repairing-right>div {
        padding: 17px
    }
    .repairing-left p {
        line-height: 23px
    }
    .repairing-left {
        padding: 25px
    }
    .cta-outer h2 {
        margin-bottom: 16px
    }
    .cta-outer input {
        margin-bottom: 10px
    }
    .cta-outer {
        background: #435bb9;
        padding: 20px;
        border-radius: 12px
    }
    .counter-sec h2,
    .work-inner {
        margin-bottom: 30px
    }
    .why-us {
        padding: 20px 10px;
        border-radius: 10px
    }
    .post-author span {
        font-size: 14px;
        color: #000;
        font-weight: 400;
        margin-left: 0;
        display: inline-block;
        margin-bottom: 22px
    }
    .copyright p,
    .service-inner h3 {
        font-size: 13px
    }
    .service-inner img {
        height: 170px
    }
    .reviewlist .swiper-button-next {
        right: -10px
    }
    .reviewlist .swiper-button-prev {
        left: -10px
    }
    .swiper.reviewlist {
        padding: 16px
    }
    .why_perfectuot_list_details {
        padding: 15px
    }
    .why_perfectuot_list_details li {
        width: 100%;
        font-size: 16px
    }
    header h2 {
        font-size: 16px
    }
    header p {
        font-size: 11px;
        line-height: 14px
    }
    header ul li a img {
        width: 14px
    }
    .homeicon img {
        width: 20px
    }
    .homeicon {
        padding: 6.5px 7px;
        margin: 5px 5px 5px 0;
        display: none
    }
    .menu ul.topmenu {
        padding: 0;
        display: block;
        width: calc(100% - 16px);
        margin-left: 5px;
        margin-bottom: 0 !important
    }
    .menu ul.topmenu li a {
        font-size: .8rem;
        padding: 8px 4px;
        font-family: Jost;
        margin: 0 3px
    }
    .menu ul.childmenu {
        text-align: left;
        width: 100%;
        padding: 5px
    }
    .menu ul.childmenu a {
        font-size: .7rem;
        padding: .2rem .3rem;
        display: inline-block;
        border: 1px solid #e3c16b;
        background: #e5e5e5;
        border-radius: 60px;
        margin-right: 10px;
        font-weight: 500
    }
    .details_form input,
    footer .footerfirst ul li a,
    footer h5 {
        font-size: .8rem
    }
    .trustbox h4,
    footer h3 {
        font-size: 18px
    }
    .disclamier p {
        font-size: .7rem
    }
    .certificate .cerlist,
    .mobshow {
        display: block;
        padding: 50px 0
    }
    .slider_ctn h2 {
        font-size: 2rem
    }
    .banner-service,
    .desktopform,
    .process-style-two-items::after {
        display: none
    }
    .careprovider {
        padding: 15px 0
    }
    .certificate,
    .channelpartner,
    .client_reviews,
    .localknow,
    .services,
    .whychooseus {
        padding: 20px 0
    }
    .careprovider h2 {
        font-size: 17px;
        margin-bottom: 20px
    }
    .careprovider ul li {
        flex: 0 0 49%
    }
    .careprovider ul li:nth-child(3) {
        border-left: none
    }
    .services h2 {
        font-size: 22px
    }
    .servicebox .serviceslist {
        flex: 0 0 47.6%;
        padding: 20px 15px
    }
    .trustbox p {
        font-size: 12px;
        height: auto
    }
    .certificate h2 {
        font-size: 20px;
        margin-bottom: 20px
    }
    .certificate a {
        margin: 5px 0;
        font-size: 14px;
        padding: 10px 0
    }
    .whychooseus p {
        font-size: 14px;
        margin-bottom: 0
    }
    .chooselist .chooseicon {
        height: 90px;
        width: 90px;
        line-height: 50px
    }
    .chooselist .chooseicon img {
        width: 40px;
        margin-top: 22px
    }
    .chooselist .choosectn h4 {
        font-size: 15px
    }
    .channelpartner h2 {
        margin-bottom: 20px;
        font-size: 20px
    }
    .localknow h3 {
        font-size: 19px;
        margin-top: 15px
    }
    .localknow a {
        margin: 10px auto 0
    }
    .scrollfix {
        padding-bottom: 10%;
        height: 80vh;
        overflow-x: hidden
    }
    .carelist {
        width: 208px
    }
    .trusrcard {
        max-width: 100%
    }
    .trusrcard ul li {
        width: 24%
    }
    .supportlist {
        width: 212px
    }
    .process-style-two-items {
        padding-top: 0
    }
    .process-style-two-item {
        background: #fff
    }
    .modal-x-scroll {
        height: 70vh;
        overflow-y: auto
    }
    .process-style-two-single {
        margin-top: 40px
    }
    .process-style-two-item::after {
        top: -5px
    }
    .feature-style-one-area {
        padding-top: 50px;
        background: #0a4251
    }
}

@media only screen and (min-width:600px) {
    .modal-content.slideupcontent {
        height: 80vh;
        width: 70%
    }
}

@media only screen and (max-width:600px) {
    .modal-content.slideupcontent {
        width: 100%;
        height: 75vh !important
    }
    .close-btn {
        position: relative !important;
        top: -38px !important;
        left: 0 !important;
        margin: -29px auto !important
    }
}

@media only screen and (max-width:575px) {
    .modelform {
        padding-bottom: 30px
    }
    .mobilegetquote {
        display: block
    }
    .modal.fade.poupdesign .modal-dialog.modal-dialog-centered {
        transform: none;
        position: fixed;
        bottom: -100%;
        margin: 0;
        width: 100%;
        transition: bottom .5s ease-out
    }
    .modal.show.poupdesign .modal-dialog.modal-dialog-centered {
        bottom: 0;
        transition: bottom .5s ease-out
    }
    .pbtn {
        padding: 5px 6px 10px
    }
    .menu ul.topmenu li a,
    .mobileheader {
        padding: 5px 12px
    }
    .pbtn .packbtn a {
        padding: 5px 9px
    }
    .menu .container {
        padding: 0
    }
    .menu ul.childmenu a {
        margin-right: 1px;
        text-transform: capitalize
    }
    .menu ul.topmenu {
        width: calc(100% - 13px);
        margin-left: 5px;
        padding-right: 19px
    }
    .homeicon,
    header {
        display: none
    }
    .menu-arrow {
        display: block !important;
        position: absolute;
        right: 0;
        background: #555;
        width: 26px;
        height: 33px;
        line-height: 29px;
        box-sizing: border-box;
        cursor: pointer;
        z-index: 99;
        top: 0;
        display: flex
    }
    .menu-arrow img {
        filter: invert(1)
    }
    .mobileheader {
        display: block;
        background: #fff
    }
    .mobileheader h1 {
        font-size: 15px;
        margin-top: 10px;
        text-shadow: 1px 1px 2px #f47435
    }
    .mobileheader p {
        text-align: center;
        font-size: 10px;
        margin-top: 0;
        color: #000;
        margin-bottom: 3px
    }
    .mobileheader ul {
        list-style: none;
        padding-left: 0;
        text-align: right;
        margin-bottom: 7px;
        font-family: Jost
    }
    .mobileheader ul li a {
        color: #000;
        display: block;
        font-size: 14px;
        font-family: Jost;
        text-align: center;
        border-radius: 7px;
        padding: 2px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .mobileheader .mobrgt {
        padding-right: 5px
    }
    .mobileheader .moblft {
        padding-left: 5px
    }
    .mobileheader ul img {
        width: 13px;
        background: #fff0;
        padding: 0;
        border-radius: 0;
        filter: invert(1)
    }
    .mobileheader img {
        width: 59%
    }
    .mainbg {
        min-height: 320px;
        background-color: rgb(0 0 0 / 43%)
    }
    .slider_ctn h2 {
        font-size: 1.5rem;
        margin-top: 0;
        text-align: center
    }
    .slider_ctn p {
        font-size: 11px
    }
    .trusrcard {
        padding: 10px;
        bottom: 0;
        border-radius: 0;
        width: 100%;
        max-width: 100%
    }
    .trusrcard h5 {
        font-size: .5rem
    }
    .trusrcard ul li img {
        width: 30px
    }
    .careprovider ul li {
        flex: 0 0 47%;
        padding: 10px
    }
    .careprovider ul li span {
        font-size: 25px
    }
    .careprovider ul li p {
        font-size: 13px
    }
    .servicebox .serviceslist {
        flex: 0 0 100%;
        width: 100%
    }
    .serviceslist>img {
        height: 120px
    }
    .serviceslist h4 {
        font-size: 20px;
        margin-bottom: 10px
    }
    .channellist img {
        height: 72px
    }
    .whyus .modeltitle {
        font-size: 18px
    }
    .hightlight h5,
    .overviewbox h2 {
        font-size: 17px
    }
    .overviewbox p {
        font-size: 13px;
        text-align: justify
    }
    .trustus h2 {
        font-size: 19px;
        margin-bottom: 30px
    }
    .trustus {
        padding: 30px 0
    }
    .popframe {
        height: 86vh;
        padding-bottom: 28%
    }
    .localknow a {
        margin: 10px auto 0;
        width: 100%;
        font-size: 17px;
        max-width: 100%;
        padding: 9px 19px
    }
    .client_reviews h2 {
        margin-bottom: 20px
    }
    .mobile-cta {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        background: #000;
        box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);
        z-index: 99
    }
    .mobile-cta .btn {
        text-align: center;
        font-size: 12px;
        letter-spacing: .5px;
        font-weight: 300;
        max-width: 33.33%;
        flex: 0 0 33.33%;
        padding: 0;
        min-height: auto;
        position: relative;
        color: #fff;
        border-radius: 0
    }
    .mobile-cta p {
        position: absolute;
        margin-bottom: 0;
        width: 100%;
        top: -12px;
        height: 150%;
        opacity: 0
    }
    .mobile-cta .btn .icon_bg {
        height: 37px;
        width: 37px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .mobile-cta .icon {
        width: 18px;
        height: 18px;
        object-fit: contain;
        display: block;
        margin: auto
    }
    footer {
        padding-bottom: 70px
    }
    .copyright p {
        text-align: center;
        padding: 4px 0
    }
    .disclamier p {
        font-size: .6rem
    }
    .servicebox {
        margin-top: 20px
    }
    .legaldocument h4 {
        font-size: 16px
    }
    .carelist {
        width: 100%
    }
    .supportlist {
        width: 100%;
        padding-bottom: 10px
    }
}

@media screen and (max-width:991px) {
    .feature-style-one-items {
        margin: 0;
        grid-template-columns: 1fr;
        gap: 30px;
        padding-bottom: 60px
    }
    .feature-style-one-left,
    .feature-thumb {
        display: none
    }
    .feature-style-one-item {
        padding: 50px 37px;
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 5px;
        background: var(--dark)
    }
}