@media (min-width:568px)and (max-width:767px) {}

 @media (max-width: 767px) {
     .otp_box .form-group {
         margin-right: 5px;
     }

     .otp_box {
         padding: 0 30px;
     }

     .border-right {
         border: none !important;
     }

     .school-detail-tabs .nav-tabs {
         display: block;
     }

     .navbar-toggler {
         padding: 0;
     }

     .navbar-toggler img {
         width: 25px;
     }

     .dropdown-menu.show {
         left: -70px !important;
     }

     .why_wrap .heading,
     .choose_wrap .heading,
     .partner_btm_wrap .heading {
         margin-top: 25px;
     }

     .banner h1 {
         font-size: 2rem;
         margin-top: 180px;
     }

     .panel.panel-default .pl-0 {
         padding-left: 15px !important;
     }

     .btn-add,
     .btn-remove {
         padding: 5px 22px;
     }

     .teacher_profile .teacher_profile_box .prfile_img {
         height: 150px;
     }

     .school_logo {
         width: 74px;
         height: 74px;
         top: -36px;
     }

     .search-container input[type="text"] {
         width: 120px;
     }

     .search-container {
         min-width: 240px;
     }

     .search-container {
         right: -90px;
     }

     .header .profile_btn button span {
         display: none;
     }

     .bannerbtn_list li a {
         margin-bottom: 10px;
     }

     .mobile-menu-btn {
         display: block;
     }

     .navbar {
         display: none;
     }

     .sign-content h3 {
         font-size: 40px;
     }

     .wizard .nav-tabs>li a i {
         display: none;
     }

     .signup-logo-header .navbar-toggle {
         margin: 0;
         margin-top: 8px;
     }

     .signup-logo-header .logo_area {
         margin-top: 0;
     }

     .signup-logo-header .header-flex {
         display: block;
     }

     .btn {
         padding: 7px 24px;
     }

     .h2,
     h2 {
         font-size: 32px;
     }

     footer .footerlogo {
         text-align: left
     }

     .text-right {
         text-align: left !important;
     }

     .copyright {
         text-align: left !important;
     }

     .footer_list {
         float: left;
     }

     .teacher_profile .teacher_profile_box,
     .classbook_sec .classbook,
     .thankyou_sec .thankyou_box {
         margin-left: 20px;
         margin-right: 20px;
     }

     .classbook_sec .course_type h6 {
         text-align: left !important;
         margin-top: 10px;
     }

     .custom_radio {
         text-align: left !important;
     }

     .classbook_sec .classbook .custom_radio label {
         padding: 8px 10px;
     }

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

     .classdetail_tabsec .nav.nav-pills {
         padding: 0
     }

     .classdetail_tabsec .nav.nav-pills .nav-link {
         padding: 6px 5px;
         font-size: 13px;
     }

     .why_wrap .shape1,
     .why_wrap .shape2,
     .why_wrap .shape3,
     .why_wrap .shape4,
     .why_wrap .shape5 {
         display: none;
     }

     .testimonialbox p {
         margin-top: 20px;
     }

     .review-list {
         margin-top: 20px;
     }

     .school-avg-reviews .btn {
         margin-top: 10px;
     }
     
     .pinkbg {
         margin-top: 20px;
     }

     .bluebg {
         margin-bottom: 20px;
     }


     a.viewbtn,
     a.learnbtn {
         margin-bottom: 10px;
     }

     .articalbox {
         margin-bottom: 20px;
     }

     .artical_img {
         height: 220px;
     }

     .blog_inner_sec .share_button {
         display: none;
     }

     .teacher_profile .teacher_profile_box .profile_info {
         margin-top: 20px;
     }

     .profile_info.border-right {
         border: none !important;
     }

     .event_profile {
         text-align: left;
     }

     .dashboard_rightside .btn {
         padding: 7px 13px;
         font-size: 14px;
     }

     .dashboard_rightside {
         margin-top: 20px;
     }

     .main_heading h4 {
         font-size: 20px;
     }

     .event_info {
         margin-top: 20px;
     }

     .modal.right .modal-dialog {
         width: 400px;
     }

     .register-type label {
         padding: 3px 9px;
     }

     .select-register-type .register-type {
         margin-right: 5px;
         margin-bottom: 2px;
     }

     .select-register-type {
         margin-top: 10px;
     }

     .event_profile h6 {
         font-size: 16px;
     }

     .culturalevent_inner .event_info h5 {
         font-size: 20px;
     }

     .rankbox h4 {
         font-size: 23px;
     }

     .survey_detail {
         display: block !important;
     }

     .survey_detail p {
         margin-top: 10px !important;
     }

     .survey_status.border-right {
         border: none !important;
     }

     .account-form {
         padding: 30px 10px;
     }

     .account-box .request_tabs .nav-pills .nav-link {
         margin-bottom: 12px;
     }

     .school_img_upload .file-upload {
         width: 100%;
     }

     .advertise_box .dlt {
         top: 20px;
     }

     .advertise_info {
         margin-top: 15px;
     }

     .survey_form_sec .title_form h3 {
         font-size: 22px;
     }

     .terms_info ul li {
         font-size: 18px;
     }

     .terms_info h3,
     .blog_info h3 {
         font-size: 18px;
     }

     .owl-nav {
         display: none;
     }

     .school-logo {
         width: 90px;
         height: 90px;
     }

     .school-basic-info {
         padding-left: 0;
         padding-top: 2rem;
     }

     .school-basic-info .average-rating,
     .school-basic-info .btn {
         text-align: left !important;
     }

     .school-detail-tabs .nav-tabs .nav-link {
         padding: 5px 0 5px 20px;
         font-size: 14px;
         text-align: left;
         border-bottom: 1px solid #ddd;
     }

     .nav-tabs .dropdown-menu {
         margin-top: -1px;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         position: static !important;
         width: 100% !important;
         left: 0 !important;
         transform: none !important;
     }

     #navbarToggleExternalContent {
         z-index: 99999 !important;
         width: 100%;
     }

     .navbar_side {
         width: 100%;
         padding: 30px;
     }

     .navbar-brand {
         position: absolute;
         top: -15px;
         right: -35px;
         width: 70px;
     }

     .section_h {
         padding: 40px 0;
     }

     .request_tabs .nav-pills .nav-link {
         margin-bottom: 10px;
     }

     .dashboard_rightside .btn {
         float: right;
     }

     .card_img {
         height: 160px;
     }

     .ads_baner {
         height: auto;
     }

     .banner .banner_img .img3 {
         bottom: -160px;
     }

     .why_wrap .why_img_wrap .why_img img {
         width: 260px;
         height: 260px;
         margin-bottom: 30px;
     }

     .logo_web {
         display: none;
     }

     .logo_mobile {
         display: block;
     }

     .available_info li:first-child {
         height: auto;
     }

     .heading {
         margin-bottom: 1rem;
     }

     .btn_table.btn-danger {
         margin-top: 0;
     }

     .call_to_action {
         width: 120px;
         text-align: left;
     }

     .call_to_action a {
         margin-right: 0 !important;
     }

     .cta_btn {
         text-align: left;
     }
 }

 @media (min-width: 768px)and (max-width: 991px) {}

 @media (min-width: 992px)and (max-width: 1024px) {}

 @media (min-width: 992px) {}

 @media only screen and (min-width: 768px) and (max-width:1024px) {
    .otp_box .form-group {
        margin-right: 10px;
    }
    .otp_box .form-group input {
        padding: 7px;
    }
     .btn_table.btn-danger {
         margin-top: 0;
     }

     .banner .banner_img .img3 {
         bottom: -150px;
         right: 0px;
         width: 310px;
     }

     .why_wrap .why_img_wrap .why_img img {
         width: 320px;
         height: 320px;
     }

     .Subscriptionsbox .priceplan h3 {
         font-size: 1.2rem;
     }

     .banner h1 {
         font-size: 2rem;
     }

     /* .card_text p {
        height: auto;
    } */
     .section_h {
         padding: 50px 0;
     }

     .card_text h6 {
         height: 60px;
     }

     .request_tabs .nav-pills .nav-link {
         margin-bottom: 10px;
     }

     #navbarToggleExternalContent {
         z-index: 99999 !important;

     }

     .navbar-brand {
         position: absolute;
         top: -10px;
         left: 70px;
     }

     .mobile-menu-btn {
         display: block;
     }

     .navbar_side {
         padding-top: 30px;
         padding-left: 30px;
         padding-right: 80px;
     }

     .navbar {
         display: none;
     }

     .owl-nav {
         display: none;
     }

     .poll-box .poll-number {
         font-size: 30px;
     }

     .Subscriptionsbox .pricingtbl {
         margin-bottom: 25px;
     }

     .card_img {
         height: 170px;
     }

     .school_logo {
         width: 64px;
         height: 64px;
     }

     .main_heading h4 {
         font-size: 20px;
     }

     .dashboard_rightside .btn {
         padding: 9px 22px;
     }

     .account-box .request_tabs .nav-pills .nav-link {
         margin-bottom: 12px;
     }

     .survey_status.border-right {
         margin-bottom: 10px;
     }

     .survey_detail p {
         font-size: 13px;
     }

     .survey_box {
         padding: 12px;
     }

     .sidebar_nav li {
         font-size: 14px;
     }

     .rankbox h4 {
         font-size: 18px;
     }

     .bannerbtn_list li {
         margin-bottom: 10px;
     }

     .event_profile img {
         width: 80px;
         height: 80px;
     }

     .location_title {
         font-size: 18px;
     }

     .dashboard_rightside .dashboard_box .info p {
         font-size: 13px;
     }

     .register-type [type="radio"]:checked+label,
     .register-type label {
         padding: 4px 12px;
     }

     .select-register-type .register-type {
         margin-right: 3px;
     }

     .select-register-type.pull-right {
         margin-top: 10px;
         float: left;
     }

     .contactbox a.btn-link {
         font-size: 16px;
     }

     .contactbox h4 {
         font-size: 22px;
     }


     .profile_info.border-right {
         border: none !important;
     }

     .review_tab .btn {
         padding: 12px 17px;
         font-size: 15px;
     }

     .blog_inner_sec .share_button {
         right: 120px;
         top: 360px;
         left: auto;
     }

     .artical_img {
         height: 114px;
     }

     .school_logo {
         top: -35px;
     }

     a.viewbtn,
     a.learnbtn {
         margin-bottom: 10px;
     }

     a.footerbtn {
         font-size: 0.9rem;
         padding: 10px 10px;
     }

     .rankbox {
         padding: 20px !important;
     }

     .contactbox {
         height: auto;
     }

     .rankbox a.btn-link {
         font-size: 18px;
         padding: 0;
     }

     .classbook_sec .classbook .custom_radio label {
         margin-left: 0;
         padding: 10px 20px;
     }

     .classdetail_tabsec .nav.nav-pills {
         padding: 0;
     }

     .classdetail_tabsec .nav.nav-pills .nav-link {
         padding: 7px 9px;
     }

     .review_list li {
         margin-right: 10px;
         font-size: 14px;
     }

     .school_img_upload .file-select.file-select-box {
         min-width: 95px;
     }

     .school_img_upload .file-select.file-select-box img {
         object-fit: cover;
         height: 100%;
     }
 }

 @media only screen and (min-width: 1025px) and (max-width:1200px) {}

 @media only screen and (min-width:1200px) and (max-width:1480px) {}

 @media (min-width: 901px)and (max-width: 980px) {}

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

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

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

 @media (min-width:376px) and (max-width:480px) {}

 @media (min-width:590px) {}

 @media only screen and (min-width:1199px) and (max-width:1320px) {}

 @media only screen and (min-width:1200px) and (max-width:1280px) {}

 @media only screen and (min-width:1300px) and (max-width:1366px) {
     .btn {
         padding: 10px 25px;
     }

     .blog_inner_sec .share_button {
         left: 50px !important;
     }
 }

 @media screen and (min-width:1600px) {}

 @media (max-width:1600px) and (min-width:1300px) {

     /* large resolution */
     .blog_inner_sec .share_button {
         left: 140px;
     }

     .card_img {
         height: 170px;
     }
 }

 /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

 /* Portrait and Landscape */
 @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
     .btn {
         padding: 7px 10px;
         font-size: 12px;
     }

     .artical_l {
         display: none;
     }
     .otp_box .form-group input {
        padding: 7px;
    }
 }

 /* Portrait */
 @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

 /* Landscape */

 @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

 /* ----------- iPhone 6, 6S, 7 and 8 ----------- */

 /* Portrait and Landscape */

 @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {}

 /* Portrait */

 @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

 /* Landscape */

 @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

 /* ----------- iPhone 6+, 7+ and 8+ ----------- */

 /* Portrait and Landscape */

 @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

 /* Portrait */



 @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}


 /* Landscape */



 @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

 /* ----------- iPhone X ----------- */

 /* Portrait and Landscape */
 @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {}

 /* Portrait */



 @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

 /* Landscape */

 @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}