@media (max-width:1366px) {   
    .free-content-video-description {width: 85%;}

    .free-content-video-description.static{
        width: 88%;
    }
    .video-modal {
        height: 500px;
    }
    
     .index-page-video
     {
         height: 100%;
     }
     
    .our_story_content .sir-photo
    {
        width: 75%;
        padding-top: 15px;
    }

    #packageDetailsAccordion
    {
        display:none;
    }
    
    #schoolOrderInfoTable_wrapper
    {
        display:block;
    }
}
@media (max-width:1320px) {
    .banner_part {height: auto;}
    .banner_video {box-shadow: 0 0 10px #ccc;}
    .free-content-video-description {width: 85%;}
    .free-content-video-description.static{
        width: 88%;
    }
    .video-modal {
        height: 500px;
    }
    
     .index-page-video
     {
         height: 100%;
     }
     
    #packageDetailsAccordion
    {
        display:none;
    }
    
    #schoolOrderInfoTable_wrapper
    {
        display:block;
    }
}
@media (max-width:1199px) {
	header .nav-link, .login_sec li a {font-size: 15px;}
	#demos {display: inline-block;width: 100%;}
	.topicvideo .owl-carousel .owl-item img {width:100% !important;}
    h3.user_name {top: 70px;font-size: 20px;line-height: 26px;}
    .user_detail .make_amount .secure span {width: 80%;}
    .user_detail .make_amount .secure {padding: 20px 14px;}
    .package .profile_detail {width: 100%;}
    .user_dashboard .dashboard_right p {font-size: 13px;line-height: 18px;}
    .free-content-video-description {width: 83%; max-height: 30%;}
    .free-content-video-description.static{width: 87%;}
    .nav.nav-masthead {display: none;}
    .mobmenu {width: 100%; display: block; position: fixed;}
    .mobmenu ul {width: 100%; display: none; padding: 0;}
    .mobmenu ul li {width: 100%; border-top: 1px solid #ddd;}
    .mobmenu ul li:hover {background: #2C5F82;}
    .mobmenu ul ul li,
    .mobmenu li:hover > ul > li {height: auto;}
    .mobmenu ul li a,
    .mobmenu ul ul li a {width: 100%; border-bottom: 0;}
    .mobmenu ul ul li a {padding-left: 25px;}
    .mobmenu ul ul li {background: #174a6d !important;}
    .mobmenu ul ul li:hover {background: #2C5F82 !important;}
    .mobmenu ul ul ul li a {padding-left: 35px;}
    .mobmenu ul ul li a {color: #ddd; background: none;}
    .mobmenu ul ul li:hover > a,
    .mobmenu ul ul li.active > a { color: #fff;}
    .mobmenu ul ul,
    .mobmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    .mobmenu > ul > li.has-sub > a:after,
    .mobmenu > ul > li.has-sub > a:before,
    .mobmenu ul ul > li.has-sub > a:after,
    .mobmenu ul ul > li.has-sub > a:before {
        display: none;
    }
    .mobmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .mobmenu .button:hover, .mobmenu .button:focus  {
        background: #0494f9;
    }
    .mobmenu .button {
        width: 41px;
        height: 41px;
        position: absolute;
        right: 92px;
        top: -52px;
        cursor: pointer;
        z-index: 12399994;
        margin: 0 !important;
        background: #0494f9;
        padding: 0;
        right: 0px;
    }
    .masterheader .mobmenu .button {
        right: 0px;
    }
    .index_header .mobmenu .button {
        right: 0px;
    }
    .afterlogin .mobmenu .button {
        right: 174px;
    }
    .button:after {
        position: absolute;
        top: 19px;
        right: 11px;
        display: block;
        height: 8px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: "";
    }
    .button:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 12px;
        right: 11px;
        display: block;
        height: 2px;
        width: 20px;
        background: #ddd;
        content: "";
    }
    /*.button.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 20px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button.menu-opened:before {
        top: 20px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);  
    }*/
    .mobmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        height: 48px;
        width: 100%;
        cursor: pointer;
    } 
    .mobmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    .mobmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    .mobmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    .mobmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    .mobmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    .mobmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    .mobmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    .mobmenu ul ul ul li.active a {
        border-left: none;
    }
    .mobmenu > ul > li.has-sub > ul > li.active > a,
    .mobmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none;
    }
    .index_header {position: fixed !important;}
    header {padding: 0px; height: 66px;}
    .upperbar {
        float: none;
        width: 100%;
        height:25px;
        background:#333;
        position: absolute;
        top: 0;
        left: 0;
    }
    .topbar-content {
        text-decoration: none;
        float: right;
        font-size: 12px;
        padding: 4px 5px;
        color: white;
    }
    .user.mobile_dropdown {display:block;width: 36px;height: 36px;}
    .afterlogin .toggle2 {display:none;}
    .login_sec li a {font-size: 13px;}
    .afterlogin .login_sec {top: 26px; right: -10px;}
    .afterlogin .login_sec li a {top:4px;}
    .afterlogin .btm_header_sec {padding: 0px;}
    .afterlogin h2.user_heading {position: relative; top: 30px;}
    .temp-logo-holder {z-index: 99;height: 70px;}
    .menu_drop_down {top: 32px;}
    header.masthead.mb-auto.header_inner_pages.index_header {display: none;}
    .mini_logo .upperbar {display: block;}
    #header {top: 40px;}
    .afterlogin .user.desktop_dropdown {top: 2px; display:none !important;}    
    .modal.info_modal .modal-content {width: 50%;}   
    .scratch_card input[type="text"], .scratch_card button {width: 90%;}
    .scratch_card .success_result {text-align: center;display: inline-block;}
    .scratch_card .success_result strong {margin: 0 0 6px 0; display: inline-block;}

    .video-modal {
        height: 500px;
    }

     .index-page-video
     {
         height: 100%;
     }
     
    .our_story_content .sir-photo
    {
        width: 100%;
        padding-top: 30px;
    }
    
    #packageDetailsAccordion
    {
        display:none;
    }
    
    #schoolOrderInfoTable_wrapper
    {
        display:block;
    }
}          
@media (min-width: 992px) and (max-width:1199px) {
    .packages .buy {width: 100%;}
    .client_form fieldset .forgot_content .mob_code .ffl-wrapper {width:68%;}
    .afterlogin .mobmenu .button { right: 14%;}
    .free-content-video-description.static{
        width: 87%;
    }
    .scratch_card .pkg_detail a {
        padding: 4px 8px 6px 8px;
        font-size: 14px;
    }
    .scratch_card .left_side .pkg_detail span {
        font-size: 16px !important;
    }
    .video-modal {
        height: 500px;
    }
    
    #packageDetailsAccordion
    {
        display:none;
    }
}
@media (max-width:1024px) {
    .afterlogin .mobmenu .button {        
        right: 10%;        
    }
    .video-modal {
        height: 500px;
    }

    /*Added by Dhaval @ 22-06-19*/
    .main-steps
    {
        padding:0 3px;
    }

    .installation-step
    {
        height: 135px;
    }

    /*.ad-holder-col .side-ad
    {
        width: 225px;
    }*/
    
    .ad-holder-col-left .side-ad, .ad-holder-col-right .side-ad
    {
        /*width: 165px;*/
        width: 225px;
    }
    
    #packageDetailsAccordion
    {
        display:none;
    }
    
    #schoolOrderInfoTable_wrapper
    {
        display:block;
    }

    .product-details .inner-section .tag-image
    {
        width: 70px;
    }
}
@media (min-width:768px) and (max-width:1199px) {
    .banner_video .banner_heading {font-size: 26px;left: 26px;line-height: 34px;width: 30%;}
    .sidebar .toggle-sidebar {top: 303px;}    
    html {overflow-x: hidden;}
    #header {z-index: 9;}

    .free-content-video-description.static{
        width: 83%;
        min-height: 35px;
    }

    .video-modal {
        height: 500px;
    }
}
@media (max-width:991px) {	
	header .nav-link {font-size: 13px;padding: 8px 7px;}
	.about_left p {font-size: 12px;line-height: 20px;margin: 10px 0 0 0;}
	.about_left h3 {margin: 0 0 12px 0;}
	.img_right img {padding: 0 0 10px 0;}
    .login_sec {padding: 0;}	
    .client_form form {max-width: 70%;}
    .chapter .chapter_wise_list {max-width: 96%;}
    .topicvideo .left.news-block-holder {width: 100%;}
    .topicvideo .schedule_post .main-sidebar {width:100%;}
    .topic_video {padding: 32px 0 0;}
    h3.user_name {top: 8px;font-size: 20px;line-height: 26px;}   
    .packages .package_header {text-align: center;} 
    .packages .box {width: 48%;margin: 0 6px 10px;}
    .packages .packages_content {text-align: center;}
    .scratch_card .left_side h1 {font-size: 32px;line-height: 36px;}
    .scratch_card .left_side p {font-size: 18px; line-height: 24px;margin: 20px 0 30px 0;}
    .user_detail .term_condition {margin: 12px 14px 0;}
    .user_detail .make_amount .explore {font-size: 16px;}
    .advantage_section .box button {font-size: 14px;}
    .select_board_block {width:39.6%;}
    .index_header .nav {right: 0px;}
    .user_dashboard .dashboard_right {padding: 10px 0 12px 0;}    
    .user_dashboard .btm_btn .hvr-rectangle-out {width: 90px;}
    .afterlogin .mobmenu .button { right: 182px;}
    .free-content-video-description {
        width: 76%;
        max-height: 26%;
        /*font-size: 10px;
        line-height: 15px;*/
        top: 72%;
    }
    .free-content-video-play-icon {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25%;
    }  
    .modal.info_modal .modal-content {
        width: 70%;
    }
    .office_section ul li p {width: 62%; margin: 0px 0 0 10px;} 
    .office_section2.office_section ul li p {width: 64%;}
    .scratch_card .left_side {text-align: center;margin: 0 0 32px 0; width: 100%;}
    .scratch_card button {float: none;}
    .scratch_card .left_side span {float: none; width: 100% !important;}
    .scratch_card .pkg_detail {margin: 12px auto; float: none; text-align: left;max-width: 100%;display: inline-block;}
    .scratch_card .left_side .pkg_detail span {font-size: 18px !important;}
    .scratch_card .pkg_detail_table {margin: 12px 0 12px 0;}
    .scratch_card .right_side {width:100%;}
    .scratch_card input[type="text"], .scratch_card button {width: 100%;}

    .video-modal {
        height: 500px;
    }

    /*Added by Dhaval @ 22-06-19*/
    .installation-step {
        height: 100px;
    }
    /*.main-steps-container {
        background: #fff; 
    }*/

    .step-detail {
        width: 69%;
    }
    
    .ad-holder-col-left .side-ad, .ad-holder-col-right .side-ad
    {
        /*width: 165px;*/
        width: 140px;
    }

    .advantage_block .box h2
    {
        font-size:1.8125rem;
    }
    
    .advantage_block .box h4
    {
        font-size:1.3375rem;
    }
    
    .advantage_block p.mobile-app-homepage
    {
        font-size:18px; 
        font-weight:400; 
        line-height:36px;
    }

    .advantage_block .box p span.highlight-text
    {
        /*font-size:18px;*/ 
        font-weight:600; 
        /*line-height:36px;*/
        vertical-align: unset;
        display: unset;
    }

/*Added by Dhaval @12-07-19*/
    .enquire-now-box
    {
        display:none;
    }

    .about_us .mediums-available 
    {
        min-height: 92px;
    }
    
    #packageDetailsAccordion
    {
        display:block;
    }
    
    #schoolOrderInfoTable_wrapper
    {
        display:none;
    }

    .header-section
    {
        min-height:92px;
    }

    .compatibility-section
    {
        min-height:155px !important;
    }
    
    .product-details .inner-section .tag-image
    {
        width: 60px;
    }
}
@media (min-width: 768px) {
    .free-content-video-description span {        
        width: 92%;
        text-overflow: ellipsis;
        overflow: hidden;
        max-height: 44px;
    }

    /*.video-modal {
        height: 100%;
    }*/

}
@media (max-width:768px) {
    .sidebar .sidebar_logo {margin: 60px 0 20px;}
    .topicvideo .btm_videos button.owl-prev {left: -30px;}
    .topicvideo .btm_videos button.owl-next {right: -30px;}    
    .free-content-video-description {
        width: 75%;
        max-height: 25%;
        font-size: 10px;
        line-height: 15px;
        top: 71%;
    }
    .free-content-video-play-icon {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25%;
    }
    .afterlogin .mobmenu .button {
        right: 82px;
    }

    .tab_content 
    {
        max-height: none;
    }

    .video-modal {
        height: 100%;
    }

    /*.step-detail {
        width: 87%;
    }*/
    
    .ad-holder-col-left .side-ad, .ad-holder-col-right .side-ad
    {
        display:none;
    }
    
    .product-details .inner-section .tag-image
    {
        width: 55px;
    }


/*Following will hide all the record filters and length of records from data tables*/
    #partnerInfoTable_length, #partnerInfoTable_filter, #clientInfoTable_length, #clientInfoTable_filter
    {
        display:none;
    }
/*---------------------------------------------------------------------------------*/
}
@media (max-width: 767px) {
	header .nav-link {text-align: left;width: 100%;color: #fff;background: #2384c8;font-size: 14px;padding: 12px 20px;
		border-bottom: 1px solid #47a8ec; transition: all ease 0.4s;transition: all 0.6s ease !important;}
	header .nav-link:hover, header .nav-link.active {color: #fff; background: #3fa0e4;}
	.cl-effect-13 a::before {content: none !important;}
	.container {max-width: 100%;}
	.nav, .nav_main {width: 100%;}
	.nav_main {position: absolute;width: 96%;left: 0;right: 0;margin: 0 auto;top: 66px;}
	.banner_part.fixed header {padding: 4px 0px;}
	.about_left {padding-right: 15px;text-align: center;margin-bottom: 16px;}
	.about_left p {margin: 10px 0;text-align: center;}
	.main_heading {padding: 0 0 20px 0;}
	.img_right img {padding: 0 0 10% 0;}
	.about_heading {font-size: 26px;line-height: 30px;}
	.about_left h3 {font-size: 22px;line-height: 26px;}
	.about_section, .video_section, .advantage_section, .video_section, .what-we-offer-sec {padding: 32px 0;}
	.our_story {padding: 32px 0px 96px 0;}
	.advantage_section .box {margin: 4px auto;}
	.advantage_section .box p {margin: 10px 0 16px 0; height: auto;}
	.advantage_block .col-md-3 {border-bottom: 1px solid #e7e7e7; margin-bottom: 10px;}
	.advantage_block .col-md-3:last-child {border-bottom: none; margin: 0px;}
	.object_content p {font-size: 16px;line-height: 32px;}
	.what-we-offer-sec .single-service {margin: 0 0 16px 0;}
	.what-we-offer-sec .content .content-image {width: 100%;}
	.video_section .owl-carousel .owl-nav button.owl-prev {left: 0px;}
	.video_section .owl-carousel .owl-nav {left: 50%;transform: translateX(-50%);}
	.video_section .owl-carousel .owl-nav button.owl-next {right: 0;}
	.getintouch {float: left;width: 100%;text-align: center;margin: 16px 0 0 0;}
	.office_section ul li p {width: auto;line-height: 24px;margin: 0px 6px;}
	.contactus .send_msg {width: 100%;}
	.after_scroll_header #toggle {display: block;}
	header {position: fixed;}
    .office_section ul li label {vertical-align: inherit;}
    .login_sec.login_sec2 {display: block;}
	.login_sec {display: none;}
    .sidebar:before {content:none;}
    .sidebar {width: 100%; display:inline-block;position: static;margin: 0px;padding: 20px 20px 20px;box-shadow: 0 0 16px #ccc;}
    h3.user_name {position: static;}
    ul.sidebar_menu {position: static;}
    figure.logo.index_logo {top:0px;left: 0;right: 0;text-align: center;padding: 22px 0 18px; box-shadow: 0 0 12px #ccc;}
    .sidebar ul {text-align:center;margin: 16px 0 10px;}
    .sidebar .sidebar_content h2 {margin: 14px 0;}
    .sidebar_content p {line-break: 16px;}
    .banner_part .play_btn {display:none}
    .learn_video_section {padding: 32px 0px;}
    .user_dashboard .user_info, .user_dashboard .dashboad_main {max-width: 100%;width:100%;}
    .standard .neet {width: 48%;}
    .topicvideo {padding: 110px 0 40px;}
    .topicvideo .youtube_top h2 {font-size: 14px; line-height: 20px;}
    .banner_video .banner_heading {font-size:30px; line-height:36px;left: 0;right: 0;text-align: center;top:2%;}
    .volume {bottom: inherit;top:20px; left: 12px;}
    .sidebar .sidebar_logo {margin: 0px 0 20px;}
    .what-we-offer-sec, .advantage_section, .about_section, .video_section, .learn_video_section {padding: 30px 0;}
    .our_story {padding: 30px 0px 112px 0;}
    .video_section #demos .owl-carousel {margin: 0 0;}
    .afterlogin .nav_main {width: 100%;top:-2px;}
    .beforelogin .logo {top:0px;}
    .menuStatus.afterlogin {display:block;} 
    .logo_part {float:none; text-align: center;} 
    .afterlogin .middle_text {position: absolute; width: 100%;top: 76px;left: 0;}
    .afterlogin .toggle {top: 44px;right: 64px; margin:0px;}
    .afterlogin .logo_part {width: auto;}
    .user.desktop_dropdown {display:none;}    
    .afterlogin .logo {top: -6px;position: relative;}
    .afterlogin h2.user_heading {font-size:16px; line-height:18px;color: #0494f9;}
    .afterlogin h2.user_heading {        
        background: #fff;
        padding: 4px 0;
        box-shadow: 0 0 6px #ccc;
    }
    .afterlogin .nav {top: 68px;width: 100%; left:0px;}
    .logo_part {width: auto;}
    .masterheader .toggle {display: none !important;}
    .afterlogin .toggle {display: none;}
    .packages .box {width: 47%;}
    .packages .package_header {font-size:22px; line-height:26px;}
    .packages .main_content {padding: 16 16px 26px;}
    .office_section ul li p, .office_section ul li a {vertical-align:baseline;}
    .client_form fieldset .forgot_content .mob_code .ffl-wrapper {width: 66%;}
    
    
    
    .user_detail .left_side {width: 100%;margin-right: 0px;}
    .user_detail .user_info .right_side {width: 100%;}
    .user_detail .make_amount .explore {width: 96%;}
    .user_detail label.form_left {width: 100%;padding: 0 0 6px 0;}
    .user_detail .form_right {width: 100%;}
    .user_detail {padding: 70px 0 0 0;}
    .user_detail .user_info.user_detail_main {display:inline-block;}
    .change_pwd {padding: 80px 0 40px;}
    .afterlogin .login_sec li a {top:6px;}    
    .mobmenu .button {right: 0px;}
    .arrow:before {top: 22px;right: 14px;}
    .user_dashboard .dashboard_block {display:inline-block; width: 100%;}
    .dashboard_left_side {margin:  0 0 26px 0; width: 100%;border-radius: 4px;}
    .user_dashboard .all_prod {box-shadow: 0px 0px 4px #ccc;}
    .content_redirect {font-size: 19px !important; width:90%; top: 26% !important;}
    .afterlogin h2.user_heading {top: 0px;}
    .packages .padding {font-size: 24px; line-height: 34px;  }
    .afterlogin .mobmenu .button {right: 52px;}
    .main_block .afterlogin .middle_text {display:none !important;}
    .temp-logo-holder {
        min-height: 70px;
        min-width: 70px;
        left:20px;
        position: absolute;
    }
    .afterlogin .temp-logo-holder img {
        position: relative;
        top: 6px;
    }
    .logo img {
        max-height: 70px;
    }
    .menuStatus.afterlogin {
        height: 66px;
    }
    .index_header .toggle {
        top: -23px;
        right: 6px;
        display: none !important;
    }      
    header li:hover .submenu {
        opacity: 0;
    }
    .free-content-video-description {
        width: 94%;
        max-height: 30%;
        font-size: 18px;
        line-height: 30px;
        top: 85%;
    }
    .free-content-video-play-icon {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25%;
    }
    .margin-top-25px {
        margin-top: 25px;
    }
    .sub-box-holder {
        width: 100%; 
        display: inline-block;
        padding: 5px;
    }
    .price-details .make_amount {
        width: 100%;
    }
    .price-details {
        padding: 0px;
        margin-top: 25px;
    }
    .free_content_main #header {
        position: absolute;
        z-index: 9;
        width: 100%;
        top: 122px;
    }
    .free_content_main .button-1:before {background: transparent;}
    .free_content_main #navigation {
        text-align: center;
        padding: 0;
    }
    .free-content-buy-packages {
        padding: 90px 0 0 0;
    }
    .free_content_main #navigation li {
        display: inline-block;
        width: 146px;
    }
    .free_content_main .packages .packages_section {
        padding: 84px 0 0 0;
    }
    .free_content_main .demo-content .about_heading {
        font-size: 22px;
        line-height: 24px;
    }
    .topicvideo .btm_videos button.owl-next {
        right: -10px;
    }
    .topicvideo .btm_videos button.owl-prev {
        left: -10px;
    }
    .chapter .day_heading {
        text-align: center;
        font-size: 16px;
    }
    .button-1.free-content-side-navigation-active:after {
        content:none;
    }
    .footer-links {
        width: 100%;
        border: none !important;
        margin: 5px;
    }
    .footer-links:before {background: transparent;}
    .tab_main .demo-video-subject-holder {
        position: inherit;
        top: inherit;
        width: 100%;
        background: transparent;
        padding: 0px;
    }
    .demo-video-subject {
        width: 100%;
        text-align: center;
        background: #2384c8;
        margin:2px;
        color: white;
        padding: 2px;
        line-height: 30px;
    }
    .demo-video-subject-holder {
        width: 100%;
    }
    .row#demoVideoSubjectContainer {
        background: transparent;
    }
    .contact_section {
        padding: 32px 0px;
    }
    .contactus h2 {
        margin: 0px 0 24px 0px;
        text-align: center;
    }
    .modal.info_modal .modal-content {
        width: 96%;
    }
    .modal.info_modal .modal-content .content_buy {
        font-size: 16px;
        line-height: 24px;
    }
    .modal.info_modal #buy_Now {
        width: 40%;
    }
    .about_us .chapter_heading, .terms_condition .chapter_heading {
        text-align: center;
    }
    .about_us .chapter_heading p {
        margin: 16px 0;
        text-align: center;
    }
    .privacy_policy .chapter_heading p, .refund_policy .chapter_heading p, .terms_condition .chapter_heading p  {
        margin: 0 0 16px;
        text-align: center;
    }
    .privacy_policy .chapter_heading ul, .refund_policy .chapter_heading ul, .terms_condition .chapter_heading ul  {
        padding: 0;
    }
    .privacy_policy .chapter_heading ul li, .refund_policy .chapter_heading ul li, .terms_condition .chapter_heading ul li {
        text-align: center;
    }
    .free_content_main button.close {
        margin: 0px;
        top: -8px;
        right: 8px;
    }
    .office_section {
        padding: 0px;
    }
    .tab-slider--tabs {
        width:100%;
    }
    .tab-slider--trigger {
        width: 100%;
        margin: 5px 0px;
    }

   .free-content-video-description.static{
        width: 91%;
        min-height: 35px;
    }
   .office_section2.office_section ul li p {
        width: auto;
    }
   
    .video-modal {
        height: 100%;
    }

    .control-label
    {
        text-align:left;
    }
    
    .advantage_block .box .device-image
    {
        margin-top:30px;
        width:80%;
    }

    .step-detail
    {
        width: 87%;
    }

    .about_us .learning-interesting-holder p, .about_us .we-found-holder p, .about_us .available-medium-holder p
    {
        text-align:left;
    }
    
    .our_story_content .sir-photo
    {
        width: 45%;
        padding-top: 15px;
    }

    .our_story_content p 
    {
        margin-top: 20px;
        font-size: 14px;
        line-height: 28px;
    }

    .our_story 
    {
        padding: 30px 0px 20px 0;
    }

    .product-details
    {
        margin-bottom:15px;
    }
    
    .product-details .inner-section .tag-image
    {
        width: 100px;
    }

    .admin-logout
    {
        position: relative !important;
    }

    /*.admin_main .packagelist #btnexcel 
    {
        position: absolute;
        top: 85px;
        right: 37px;
    }*/

    .client_form 
    {
        padding: 20px 0 60px;
    }
}
@media (max-width: 600px) {
    .sidebar ul li a {font-size:16px;line-height:20px;}
    h3.user_name {font-size:20px;line-height:24px;}
    .sidebar .sidebar_content h2 {font-size:22px; line-height:34px;}
    .sidebar_content p {line-height:20px;font-size: 13px;}
    .client_form form {max-width:90%;padding: 32px 20px;}
    .chapter .about_heading {font-size: 18px;line-height: 22px;}
    .chapter .day_box ul {padding: 4px 20px;}
    .packages .box {width: 100%;margin: 0 0 12px 0;}
    .scratch_card {padding: 110px 0 40px 0;}    
    .topicvideo .btm_videos .owl-nav {top: 16%;}
    p.topbar-content.service-no, .seprator {display: none;}
    .select_board_block {width: 100%; margin: 0 0 10px 0;}
    .pkg_dropdown button {width: 100%;}
    .free-content-video-description {
        width: 93%;
        max-height: 30%;
        font-size: 16px;
        line-height: 30px;
        font-weight:normal;
        top: 85%;
    }
    .free-content-video-play-icon {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25%;
    }
    header .topbar-content span {
        display: none;
    }
    .upperbar .hdr_mini_icon {
        display: block;
    }
    .sub-box-holder {
         width: 100%; 
        display: inline-block;
        padding: 5px;
    }
    .chapter .chapter_wise_list h2 {
        float: left;
        font-size: 24px;
        line-height: 26px;
        margin: 0;
        width: 100%;
        color: white;
    }
    .paymentresponse_content .success strong {
        float: none;
    }
    .paymentresponse_content .success label {
        line-height: 18px;
        margin: 0;
    }
    .paymentresponse_content .success {
        padding: 8px 6px 8px;
    }
    .paymentresponse_content .success label, .paymentresponse_content .success strong {
        font-size: 14px;
        float: none;
    }
    .paymentresponse_content table {
        width: 400px;
    }
    .paymentresponse_content .combo_pkg_table {        
        overflow: auto;
    }    
    .reg_mini_icon {display: block;}

    .free-content-video-description.static{
        width: 90%;
        position: absolute;
        top: 175px;
        min-height: 35px;
    }
    .office_section ul li p {
        width: 100%;
    }
    .office_section2.office_section ul li p {
        width: 100%;
    }
    /*Added by Dhaval @28-05-19*/
    /*.video-modal
    {
        height:380px;
    }*/

    .video-modal {
        height: 100%;
    }

    #vimeoPlayer
    {
        height: 100%;
    }
    
    .step-detail
    {
        width: 87%;
    }

}
@media (max-width: 512px) {
	/*.back_to_top i {top: 10px;}*/
	.contactus .field_left, .contactus .field_right {width: 100%;}
    .play_btn {top: 62%;}
    .user_dashboard figure.right_side {width: 100%;margin: 8px 0 0 0;}
    .user_dashboard .dashboard_left {width: 100%;}
    .user_dashboard .dashboard_right {width: 100%;margin: 10px 0 0 0;text-align: center;}
    .user_dashboard {padding: 6px;}
    .standard .neet {width: 100%;margin: 10px 0;}
    .client_form fieldset .forgot_content .mob_code button.resend_code {width: 46%;}
    .client_form fieldset .forgot_content .mob_code .ffl-wrapper{width: 48%;}
    .user_dashboard .dashboard_right p {width: 100%;margin:2px 0;}
    .afterlogin .nav_main {float: right;}
    .user_dashboard {margin-top: 100px;}    
    .user_detail .make_amount .explore {width: 92%;}
    .user_dashboard .dashboard_right .btm_btn .explore {margin:0 8px;}
    .content_redirect {top: 40% !important;}
    .row#demoVideoSubjectContainer {background: none;}     
    .free-content-video-description {
        width: 91%;
        max-height: 30%;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        top: 82%;
    }
    .free-content-video-play-icon {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25%;
    }
    .chapter .chapter_wise_list h2 {
        float: left;
        font-size: 24px;
        line-height: 26px;
        margin: 0;
        width: 94%;
        color: white;
    }
    .buy_pkg_tab .tab_content {
        padding: 5px;
    }
    .free-content-video-description.static{
        width: 93%;
        position: absolute;
        top: 322px;
        min-height: 35px;
    }

    /*Added by Dhaval @28-05-19*/
    /*.video-modal
    {
        height:315px;
    }*/

    
    .video-modal {
        height: 100%;
    }

    #vimeoPlayer
    {
        height: 100%;
    }
    
    .advantage_block .box .app-icon
    {
        width: 40%;
    }

    .advantage_block .box .device-image
    {
        width:100%;
    }
    
    .step-detail
    {
        width: 89%;
    }
    .our_story_content .sir-photo 
    {
        width: 100%;
        padding-top: 15px;
    }
    
    .small-box .inner .main-value
    {
        font-size: 1.9rem;
    }

}
@media (max-width: 480px) {
    .topicvideo .flowplayer.custom_height {height: 268px;}
    .scratch_card input[type="text"], .scratch_card button {width: 100%;}    
    .index_header .toggle  {right: 12px;} 
    .free-content-video-description {
        width: 90%;        
        min-height: 46px !important;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        padding: 8px 6px;
        top: 81%;
        display: inline-block;
    }
    .free-content-video-play-icon {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25%;
    }
    .chapter .chapter_wise_list h2 {
        float: left;
        font-size: 24px;
        line-height: 26px;
        margin: 0;
        width: 88%;
        color: white;
    }
    .paymentresponse_content .btm_btn .btn {
        width: 100%;
        margin: 6px 0;
    }
    .client_form.reg_form .error_label {
        width: 69% !important;
    }
    .change_pwd form button {
        width: 100%;
    }
    .contactus2 .send_msg {
        width: 100%;
    }
    .free-content-video-description.static{
        width: 93%;
        position: absolute;
        top: 290px;
    }
    .scratch_card .pkg_detail a {
        margin: 12px auto 0;
        width: 100%;
        text-align: center;
    }
    .scratch_card .pkg_detail img {
        display: none;
    }

    /*Added by Dhaval @28-05-19*/
    /*.video-modal
    {
        height:295px;
    }*/


    .video-modal {
        height: 100%;
    }

    #vimeoPlayer
    {
        height: 100%;
    }
    
/*Added by Dhaval @21-06-19*/
    .client_form form#liveClassroom {
        max-width: 100%;
        margin: 2rem auto 0;
        background-color: #fafafa;
        padding: 10px 5px;
        border-radius: 4px;
    }

    /*.step-detail
    {
        width: 89%;
    }*/
}

@media (max-width: 320px) {
    
    .small-box .inner .main-value
    {
        font-size: 1.3rem;
    }

}

@media (max-width: 320px) {
    .free-content-video-description {
        width: 84%;
        max-height: 30%;
        font-size: 12px;
        line-height: 19px;
        font-weight: normal;
        top: 77%;
    }

    .free-content-video-play-icon {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25%;
    }

    .chapter .chapter_wise_list h2 {
        float: left;
        font-size: 24px;
        line-height: 26px;
        margin: 0;
        width: 89%;
        color: white;
    }

    .free-content-video-description span {
        position: initial;
    }

    .free-content-video-description.static{
        width: 90%;
        position: absolute;
        top: 187px;
    }
    
    /*Added by Dhaval @28-05-19*/
    /*.video-modal
    {
        height:200px;
    }*/

    
    .video-modal {
        height: 100%;
    }

    #vimeoPlayer
    {
        height: 100%;
    }

/*Added by Dhaval @21-06-19*/
    .school_form form#liveClassroom .call-number {
        padding: 20px 3px;
    }

    .school_form form#liveClassroom {
        max-width: 100%;
        margin: 2rem auto 0;
        background-color: #fafafa;
        padding: 10px 5px;
        border-radius: 4px;
    }

/*Added by Dhaval @ 22-06-19*/
    .google-form
    {
        height: 1950px;
    }

    .step-detail {
        width: 92%;
        margin: 0 auto;
    }
    
    .product-details .inner-section .tag-image
    {
        width: 65px;
    }

    .small-box .inner .main-value
    {
        font-size: 1.2rem;
    }
}

