@media(min-width: 770px) {
            .desk_hide {
                display: none;
            }
            .blog-detail-right {
                padding-left: 80px;
            }
        }
        
        @media(max-width: 768px) {
            .nav-link.active {color: #FFCC66 !important;}
            .hl-box {padding: 32px 15px 40px 24px;}
            .h_register_btn {
                letter-spacing: 0;
                text-transform: none;
                background: #7783EE;
                color: #FFFFFF;
                font-size: 15px;
            }
            .bl-cd-inner-n .bl-bt {width: 158px;}
            .pagination a {font-size: 14px;}
            .pagination li {padding: 10px 16px;}
            #pagination_sec {
                padding: 47px 0;
            }
            .blq_bg::before {
                width: 120px;
                height: 120px;
                left: -32px;
            }
            .blog-detail-head h1 {
                font-size: 24px;
                line-height: 32px;
            }
            .ft-m {
                padding-left: 0;
                margin-left: 0;
            }
            .bl-cd-content h3,
            .blog-detail-right .m-cta-inner h3 {
                line-height: 25px;
                font-size: 16px;
            }
            .bltext h3 {
                font-size: 20px;
                padding-right: 0;
                line-height: 30px;
                margin-bottom: 0;
            }
            .hlbox-innner p {
                margin-bottom: 14px;
            }
            .bltext p {
                margin: 10px 0; 
            }
            .bl-cd-inner .card-bt,
            .footer-inner,
            .ft-r {
                padding: 0;
            }
            .m-cta-inner h3 {
                font-size: 22px;
                line-height: 36px;
            }
            .m-cta-inner p {
                font-size: 20px;
            }
            .blog-detail-right .m-cta-inner p {
                font-size: 14px;
            }
            .bl-cd-inner .bl-bt {
                width: 155px;
            }
            .test-slider-main {
                padding: 65px 0;
            }
            .test-slider-inner {
                margin: 83px auto 2px;
            }
            .bl-bt {
                width: 175px;
                height: 40px;
                font-size: 14px;
            }
            .c-cards {
                margin-top: 0;
            }
            .hl-box {
                padding: 17px 27px 8px 0;
            }
            .rect1,
            .rect2,
            .rect3,
            .rect4 {
                width: 66px;
                height: 43px;
                font-size: 13px;
            }
            .overlay_div {
                background: rgb(0, 87, 167, 0.5);
                position: absolute;
                top: 0;
                height: 100vh;
                width: 100%;
                z-index: 1;
                left: 0;
                display: none;
            }
            .tab_mobile_hide {
                display: none;
            }
            .linkBtn {
                width: 235px;
                height: 56px;
                font-size: 15px;
            }
            #welcomeMsgModal .modal-body {
                padding: 20px;
            }
            .mobile_font_14 {
                font-size: 14px !important;
            }
            .mobile_header {
                font-size: 26px !important;
            }
            #welcomeMsgModal h6 {
                font-size: 16px;
                padding: 5px 0 15px;
            }
            /*mobile header*/
            #nav_menu::after {
                display: none;
            }
            
            .closeNav a {
                font-size: 30px;
                color: #fff;
            }
            .closeNav {
                padding-bottom: 20px;
            }
            .nav1 .nav-link {
                padding: 6px 20px !important;
            }
            .navbar-toggler {
                display: block !important;
            }
            
            .nav1 .md_ml_0,
            .md_ml_0 {
                margin-left: 0 !important;
            }
            .testimonialContent .owl-dots {
                margin-top: 10px;
            }
            .testimonialBg_outer {
                padding-bottom: 280px;
            }
        }
        
        @media(max-width: 1390px) {
            .thank_youPage {
                padding-top: 32px;
            }
            .thank_youPage .hello-img img {
                margin-top: 0 !important;
            }
        }
        
        @media(max-width: 991px) {
            #nav_menu {
                position: fixed;
                top: 0;
                right: 0;
                background: rgba(119, 131, 238, 1);
                width: 0px;
                height: 100%;
                transition: ease 0.4s;
                z-index: 1050;
            }
            #nav_menu .nav1 {
                display: block !important;
                width: 100%;
                height: 90%;
                overflow: auto;
            }
            .nav1 .nav-link {
                padding: 16px 0 16px 0 !important;
                color: #FFFFFF;
                font-size: 20px;
                line-height: 24px;
            }
            .navbar-nav li{border-bottom: 1px solid #FFCC66;margin-left: 120px;}
            .header .fa {color: #FFFFFF;padding-right: 28px;} 
        }
        @media(max-width: 767px) {
            #workSlider .carousel-control-prev img,
            #workSlider .carousel-control-next img {
                width: 23px;
            }
            #workSlider .carousel-control-prev,
            #workSlider .carousel-control-next {
                height: 45px;
                width: 45px;
            }
            .sm_font_24 {
                font-size: 24px;
                line-height: 32px;
            }
            .sm_font_20{font-size: 20px;line-height: 30px;}
            .sm_font_18{font-size: 18px !important;line-height: 26px !important;}
            .slideBanner {
                height: 225px;
                width: 100%;
            }
            .slide_caption {height: 400px;}
            .headline,.sm_font_22 {font-size: 22px;}
            .slide_caption {padding: 29px 28px 28px 32px !important;}
            .pagination a {font-size: 12px;}
            .bltext h1 {
                font-size: 22px;
                line-height: 30px;
            }
            .pagination li {padding: 8px 16px;}
            .cnt {padding: 0 5px !important;}
            .hello-img h2 {font-size: 34px;}
            .footerHeader {padding-bottom: 0;}
            .mobile_px_15 {padding: 0 15px !important;}
            .mobile_py_20 {padding: 20px 0;}
            .sm_py_20 {
                padding-top: 20px !important;
                padding-bottom: 20px;
            }
            .mobile_px_0 {padding: 0 !important;}
            #nav_menu .dropdown-menu {
                margin: 0 0 0 120px;
                position: absolute;
            }
            #nav_menu .btn_primary {margin-left: 120px;
            }
            .sm_pt_0 {padding-top: 0 !important;}
            .sm_pl_0 {padding-left: 0 !important;}
            .sm_pr_0 {padding-right: 0 !important;}
            .navbarDiv {padding-bottom: 127px !important;}
            .sm_font_15,
            .greenBullet li {
                font-size: 15px;
                line-height: 22px;
            }
            .greenBullet li {
                padding-left: 12px;
            }
            #tpSlider .carousel-controls {
                top: 98% !important;
                width: 106px !important;
            }
            .slide_caption .carousel-controls,
            #workSlider .carousel-controls {
                top: 0;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                width: 106px;
            }
            .c_btn {
                width: 108px;
                height: 36px;
                margin-right: 11px;
                font-size: 16px;
            }
            .c_intro {
                margin-top: 40px;
            }
            .courseCard .card-body,
            .courseCard .card-header,
            .courseCard .card-footer {
                padding-left: 40px;
            }
            .tab-pane .btn_primary {
                font-size: 14px;
                height: 44px;
            }
            .sm_font_14 {
                font-size: 14px;
                line-height: 22px;
            }
            .about_intro_bg .position-absolute {
                top: 50.5%;
                transform: translate(-3%, -50%);
                width: 100%;
            }
            .about_intro_bg .position-absolute img {
                width: 235px;
            }
            .ctcBg {
                padding: 40px 0;
            }
            footer input::placeholder {
                font-size: 12px;
            }
            footer input::-webkit-placeholder {
                font-size: 12px;
            }
            footer input::-moz-placeholder {
                font-size: 12px;
            }
            footer input {
                width: 195px;
                padding-left: 15px;
            }
            footer input::-ms-placeholder {
                font-size: 12px;
            }
            .title_mb_20 {
                margin-bottom: 14px;
            }
            .p_type {
                padding: 30px 0;
            }
            .homeTopContent{padding-top: 110px;}
            .sm_pb_40{padding-bottom: 40px !important;}
        }
        
        @media (max-width: 500px) and (min-width: 420px) {
            .testimonialBg_outer {
                padding-bottom: 245px;
            }
        }
        
        @media (max-width: 340px) {
            .testimonialBg_outer {
                margin-bottom: 12px;
                padding-bottom: 333px;
            }
        }
        
        @media (max-width: 350px) {
            #workSlider .carousel-controls {
                top: 40%;
            }
        }
        
        @media (max-width: 575.98px) {
            /*home page */
            .map iframe{height: 250px;}
            .navbarDiv{margin-bottom: 0;}
            .bgCircle{padding-top: 38px;}
            .bgCircle::before{right: -44px !important;height: 204px !important;width: 204px !important;top: 16px;}
            .enquiryStickBtn,.btn_primary{font-size: 14px;height: 40px;}
            .btn_primary{padding: 0 30px !important;border-radius: 22px;}
            footer .btn_primary{padding: 0 12px !important;}
            .enquiryStickBtn{padding: 0 20px !important;}
            .M-banner {
                padding-right: 15px;
                padding-left: 15px;
            }
            .mbinner {
                margin-top: 5%;
            }
            .bltext h3 {
                font-size: 24px;
                padding-right: 0;
            }
            .hl-box {
                position: relative;
                width: 100%;
                padding: 43px 15px 40px 25px;
            }
            .mbinner-right {
                margin-top: 35px;
            }
            ul.rects li {
                margin-bottom: 20px;
            }
            .middle-abt {
                margin-top: 35px;
                margin-bottom: 60px
            }
            .mabt-left p {
                line-height: 26px;
                margin-bottom: 20px;
            }
            .mabt-right {
                margin-top: 35px;
            }
            .c-cards {
                padding-top: 30px;
                margin-top: 0;
                background-image: linear-gradient(to bottom, rgba(119, 131, 238, 0.3), rgba(119, 131, 238, 0));
            }
            .test-slider-main {
                padding: 100px 15px;
            }
            .test-slider-inner {
                width: 100%;
                padding: 45px 20px;
            }
            .test-slider-inner::before {
                width: 80px;
                height: 80px;
                top: -12%;
                left: 0%;
            }
            .ts-innerc {
                width: 40px;
                height: 40px;
                bottom: 0;
                right: 4%;
            }
            .ts-innerc::after {
                width: 80px;
                height: 80px;
                right: -50%;
                bottom: -50%;
            }
            .blog-cards {
                padding-top: 60px;
            }
            .bl-cd-inner p {
                line-height: 26px;
            }
            .bl-cd-inner::before {
                width: 60px;
                height: 60px;
                top: 7%;
                right: -2%;
            }
            .blog-cards {
                padding-bottom: 35px;
            }
            .main-cta::before {
                width: 60px;
                height: 60px;
                top: 0;
                left: 0;
            }
            .cta-second-c {
                display: none;
            }
            .m-cta-inner {
                padding: 0 58px;
            }
            .m-cta-inner::before {
                top: 89%;
                left: 85%;
            }
            footer {
                padding-top: 55px;
            }
            .footer-inner {
                padding: 0 15px;
            }
            .ft-r {
                padding-left: 0;
            }
            .ft-m {
                margin-left: 0;
                padding-left: 0;
            }
            .footer-inner h6 {
                margin-bottom: 4px;
                font-size: 18px;
            }
            .web-sign {
                text-align: left;
            }
            .navbar-brand img {
                width: 74px;
            }
        }
        
        @media(min-width: 768px) and (max-width: 768px) {
            .bltext h1 {
                font-size: 24px;
                line-height: 33px;
            }
            .bltext p {font-size: 16px;}
            .only_tab_hide {display: none;}
            .only_tab_show {display: block !important;}
        }
        
        @media(max-width: 991px) and (min-width: 770px) {
            .nav1 .nav-link {
                padding-right: 13px !important;
                font-size: 13px;
            }
            .header .btn_primary {
                height: 40px;
                padding: 0 6px !important;
            }
            .header .btn_primary a,
            .nav1 .dropdown-menu a {
                font-size: 13px !important;
            }
            .nav1 {padding-left: 30px;}
            .nav1 .dropdown-menu {width: 160px;}
        }
        
        @media(max-width: 991px) and (min-width: 768px) {
            .bgCircle{padding-top: 66px;}
            .bgCircle::before{right: -86px !important;top: 0;}
            #workSlider .carousel-control-prev,
            #workSlider .carousel-control-next {
                height: 50px;
                width: 50px;
                top: 53%;
                transform: translateY(-53%)
            }
            .w_intro {padding: 80px 0;}
            .md_font_28 {font-size: 28px;}
            .md_font_22{font-size: 22px;line-height: 32px;}
            .md_font_18{font-size: 18px;line-height: 28px;}
            .md_font_20,
            .headline {font-size: 20px;}
            .title_mb_20 {
                margin-bottom: 13px;
            }
            .third_mb_50 {
                margin-bottom: 30px;
            }
            .md_pt_50{padding-top: 50px;}
            .pb_70 {
                padding-bottom: 40px;
            }
            .pt_70 {
                padding-top: 40px;
            }
            .testimonialContent {
                transform: translateY(55px);
            }
            .h_slider_2 .owl-dots {
                margin-top: 20px;
            }
            footer {
                padding-top: 50px;
            }
            .about_intro_bg .position-absolute {
                top: 50.5%;
                transform: translate(-10%, -50%);
            }
        }
        @media(max-width: 1190px) and (min-width: 992px) {
            #workSlider .carousel-control-prev, #workSlider .carousel-control-next{height: 65px;width: 65px;}
            .midView_w_100{max-width: 100%;flex: 100%;}
            .subscriptionColLeft{max-width: 62%;flex: 0 0 62%;}
            .subscriptionColRight{max-width: 37.333333%;flex: 0 0 37.333333%;}
            .aboutIntro{margin: 50px auto 150px !important;}
            .midView_pt_60{padding-top: 60px;}
            .midView_mt_40{margin-top: 40px;}
            .midView_mb_30{margin-bottom: 30px !important;}
            .midView_mb_25{margin-bottom: 25px;}
            .midView_mb_15{margin-bottom: 15px !important;}
            .midView_w_80{max-width: 80%;flex: 80%;}
            .midView_font_26{font-size: 26px !important;line-height: 38px !important;}
            .midView_font_22,.blog-detail-head .headline_mb_30{font-size: 22px !important;line-height: 36px !important;}
            .midView_font_18,.blog_side_col .resource_head{font-size: 18px !important;line-height: 26px !important;}
            .midView_font_20{font-size: 20px !important;line-height: 30px !important;}
            .courseCard .card-body ul li p,.midView_font_14{font-size: 14px !important;line-height: 20px !important;}
            .s_bg .subHeadline{font-size: 15px !important;line-height: 24px !important;}
            .navbar-nav .nav-link{padding-right: 15px !important;}
            #workSlider .carousel-item{height: auto;}
            #tpSlider .carousel-controls{top: 35%;transform: translateY(-35%);}
            .midView_d_flex{display: flex !important;}
            .midView_order_1{order: 1 !important;}
            .midView_order_2{order: 2 !important;}
            .midView_order_3{order: 3 !important;}
            .testimonialBg_outer{padding-bottom: 236px;}
            #loginModal .modal-content {background: #FFFFFF url('../images/loginBg.jpg') no-repeat left -50px center;}
            .midView_w_auto{width: auto !important;}
            p{font-size: 15px !important;line-height: 22px !important;}
            .w_system .content_after::after{height: 357px;width: 357px;}
            .register form input, .register form textarea, .register form select {height: 40px;font-size: 13px;}
        }
        @media(min-width: 992px) {
            #workSlider .carousel-inner {
                flex: 0 0 85.333333%;
                max-width: 85.333%;
            }
            .about_intro .btn_primary {
                width: 210px;
            }
        }
        
        @media(max-width: 991px) {
            .headerBgCircle::after {display: none;}
            .bgCircle::before{
                content: '';
                height: 404px;
                width: 404px;
                background: #7783EE;
                border-radius: 50%;
                display: block;
                position: absolute;
                z-index: -1;
                right: -55px;
            }
            .header_bg {
                background: #ECF3F9 !important;
                padding: 11px 0;
            }
            #workSlider .carousel-control-prev img,
            #workSlider .carousel-control-next img {
                width: 54%;
            }
        }
        
        @media (max-width: 1090px) {
            .view_packge_outer .courseCard {width: auto;}
        }
        
        @media(max-width: 1700px) and (min-width: 1100px) {
            .pc_bg_circle {background-position: right -109px center;}
        }
        
        @media(min-width: 992px) and (max-width: 1190px) {
            .nav1 {padding-left: 50px;}
        }
        
        @media(max-width: 1100px) and (min-width: 992px) {
            .headerBgCircle::after {right: -50%;}
        }
        
        @media(max-width: 1490px) and (min-width: 1400px) {
            .headerBgCircle::after {right: -30%;top: -15%;}
        }
        
        @media(max-width: 1390px) and (min-width: 1300px) {
            .headerBgCircle::after {right: -32%;top: -12%;}
        }
        
        @media(max-width: 1290px) and (min-width: 1200px) {
            .headerBgCircle::after {right: -40%;}
        }
        
        @media(max-width: 1590px) and (min-width: 1500px) {
            .headerBgCircle::after {right: -28%;top: -24%;}
        }
        
        @media(max-width: 1690px) and (min-width: 1600px) {
            .headerBgCircle::after {right: -25%;}
        }
        
        @media(max-width: 1790px) and (min-width: 1700px) {
            .headerBgCircle::after {right: -25%;}
        }
        
        @media(max-width: 1890px) and (min-width: 1800px) {
            .headerBgCircle::after {right: -24%;}
        }
        
        @media(max-width: 1990px) and (min-width: 1900px) {
            .headerBgCircle::after {right: -23%;}
        }
        
        @media(max-width: 2090px) and (min-width: 2000px) {
            .headerBgCircle::after {right: -22%;}
        }
        @media(min-width: 2100px) {
            .headerBgCircle::after {right: -22%;}
        }
        @media (min-width: 1300px) {
            .container {max-width: 1200px;}
        }
        
        @media (min-width: 1400px) {
            .container {max-width: 1230px;}
        }