/*-----------------------------------------
 [RESPONSIV(MOBILE)E STYLE SHEET]
 * Project: Education Master HTML Template
 * Version: v1.0
 * Copyright 2017-2020 rn53themes
 * Last Changes: 10 jan 2018
 * Author: RN53 Themes
 * Email:      rn53themes@gmail.com
 * Website:    http://www.rn53themes.net 
 -----------------------------------------------*/
 
/*-------------------------------------------------------*/
/* When the browser is between 0px and 1300px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:1300px){
     .wed-hom-ser{
         display:none;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 1200px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:1200px){
.ed-rsear-in{width:100%;}
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 992px wide,below css will be applied.
/*-------------------------------------------------------*/
@media only screen and (max-width:991px) {
	.stu-db .col-md-3-required-right.page-builder-right-side,
	.desk_menus {
		display: none !important;
	}
}
 @media screen and (max-width:992px){
	.ad-log-in {
		width: 80%;
		padding: 25px;
	}
	 .ed-rsear-in ul li{
		 width:100%;
	 }
     .web-search-form div input{
         margin-bottom:0px;
    }
     .web-search-form div input i{
         display:block;
    }
     .wed-search-1 {
         padding: 115px 0px 50px 0px;
    }
     .h-quote:before {
         width: 100%;
    }
     .admiss-form {
         padding: 0px 30px;
         margin-top: 50px;
    }
     .admiss-form form label{
         color:#fff;
    }
     .help-arrow{
         display:none;
    }
     .semi-form{
         margin-top:40px;
    }
     .semi-left{
         width:100%;
         padding:0px 0px 0px 0px;
    }
     .semi-right{
         width:100%;
    }
     .pg-eve-reg{
         display:none;
    }
     .ho-ev-link {
         width: 75%;
    }
     .search-form {
         width: 100%;
    }
     .sf-list{
         width:57.5%;
    }
     .sf-submit {
         width: 40%;
    }
     .sf-type {
         width: 60%;
    }
     .top-logo,.ed-top{
         display:none;
    }
     .ed-mob-menu{
         display:block;
    }
     .search-top{
         margin-top: 55px;
         border: 0px;
    }
     .carousel {
         margin-top: 0px;
    }
     .home-top-cour-desc h3{
         margin-top:20px;
    }
     .ho-event-mob-bot-sp{
         margin-bottom:50px;
    }
     .bb-link {
         margin-top: 15px;
    }
     .bb-img {
         margin-bottom: 15px;
    }
     .wed-foot-link div {
         position:relative;
         overflow:hidden;
         border-right: 0px groove #6a83a0;
    }
     .wed-foot-link {
         padding: 0px;
         border:0px;
    }
     .wed-foot-link h4{
         border-top: 1px groove #6a83a0;
         padding-top: 35px;
         margin-top: 35px;
    }
     .foot-tc-mar-t-o{
    }
     .wed-foot-link .foot-tc-mar-t-o h4{
         margin-top:0px;
    }
     .wed-hom-footer h4{
         margin-top: 35px;
    }
     .wed-foot-link-1 {
         padding-top: 0px;
    }
     .log-in-pop-left {
         width: 100%;
         padding: 7%;
    }
     .log-in-pop-right {
         width: 100%;
         padding: 7%;
    }
     .log-in-pop {
         width: 75%;
    }
     .modal-open .modal {
         width: 100%;
    }
     .carousel-caption {
         right: 20%;
         left: 20%;
         top:10%;
         padding-bottom: 30px;
    }
     .slider-con h2{
         font-size:32px;
    }
     .slider-con h2 span{
         font-size:32px;
    }
     .slider-con p{
         font-size:16px;
    }
     .ed-advan ul li{
         width: 100%;
         background: #f5f5f5;
         border: 5px solid #fff !important;
         border-radius: 5px;
    }
     .ed-advan ul li:nth-child(1){
         border:0px;
    }
     .ed-advan ul li:nth-child(2){
         border:0px;
    }
     .ed-advan ul li:nth-child(3){
         border:0px;
    }
     .ed-advan ul li:nth-child(4){
         border:0px;
    }
     .ed-advan ul li:nth-child(5){
         border:0px;
    }
     .ed-advan ul li:nth-child(6){
         border:0px;
    }
     .pad-top-173 {
         padding-top: 120px;
    }
     .h-quote {
    }
     .p-semi {
    }
     .head-2 {
         margin-top: 0px;
    }
     .head-2-inn {
         padding-top: 120px;
    }
     .pro-user{
         margin-top:0px;
    }
     .pro-menu ul li{
         width:50%;
    }
     .pro-menu ul {
         margin-bottom: 0px;
         margin-left: 0px;
         /*padding: 20px 0px;*/
    }
     .pro-menu ul li {
         width: 50%;
         display: block;
         float: left;
         box-sizing: border-box;
    }
     .pro-menu #myLinks1 ul li a {
        padding: 0px 20px 0 10px;
        line-height: 53px;
        color: #333;
        font-weight: 500;
        border: 0;
        display: block;
        margin: 0;
        box-sizing: border-box;
        text-align: left;
    }
     .sdb-cl-day {
         width: 100%;
         padding-bottom: 25px;
    }
     .udb {
         padding: 0px;
         margin-top: 35px;
    }
     .sdb-cl-class {
         width: 100%;
    }
     .cor-p6 {
         margin-top: 0px;
         position: relative;
         overflow: hidden;
    }
     .cor-side-com {
         position: relative;
         overflow: hidden;
         margin-bottom: 0px;
         width: 100%;
         margin-top: 40px;
    }
     .cor-p5 ul li a img {
         margin: 0 auto;
    }
     .cor-mid-img{
         margin-top:50px;
    }
     .overlay-contact {
         width: 100%;
         padding: 35px 0px;
         margin-bottom: 100px;
         margin-top: 50px;
    }
     .contact-map iframe {
         height: 250px;
    }
     .new-con1{
         height:150px;
    }
     .new-con3{
    }
     .new-con4{
    }
.ed-ban-tit {
    width: 100%;
    padding: 25px;
}	
.ed-ref-form {
    width: 100%;
	padding-top:25px;
    padding-left: 0px;
}
.head-2-inn-padd-top{padding-top:0px;}
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 860 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:860px){
     .slider-con p{
         margin-bottom:15px;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 767 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:767px){
     .mob-hide{
         display:none !important;
    }
     .wed-logo a img {
         width: 200px;
         margin-top: 5px;
    }
     .wed-search-1 {
         width: 90%;
    }
     .wed-hom-ser ul li a {
         width: 75px;
         height: 75px;
         display: block;
         padding: 10px 2px 10px 2px;
    }
     .web-search-form label {
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
    }
     .wed-menu {
         float: right;
         padding-top: 14px;
         position: fixed;
         right: 0px;
         top: 0px;
    }
     .desk-hide{
         display: block;
         /* position: fixed;
         top: 9px;
         font-size: 17px;
         border: 1px solid #fff;
         padding: 3px 6px 0px 6px;
         border-radius: 2px;
         background: #fff;
         color: #803e88;
         right: 22px;
         cursor: pointer; */
    }
     .man-drop {
         position: fixed;
         left: 0px;
         margin-left: 0px;
         width: 100%;
         top: 29px;
         height: 100%;
         overflow-x: hidden;
         overflow-y: auto;
    }
     .man-drop ul li {
         width: 98%;
    }
     .man-drop:before {
         left: 94%;
    }
     .mob-cfw{
         padding-left:0px !important;
         padding-right:0px !important;
    }
     .s17-eve-time-tim{
         display:none;
    }
     .s17-eve-time-msg{
         width: 100%;
         padding-right:20px;
    }
     .carousel-caption {
         right: 10%;
         left: 10%;
         top: 5%;
         padding-bottom: 30px;
    }
     .slider-con h2{
         font-size:32px;
    }
     .slider-con h2 span{
         font-size:32px;
    }
     .slider-con p{
         font-size:16px;
    }
     .slider-con p{
         margin-top:25px;
    }
     .slider-con a{
         display:none;
    }
     .cor-p5 ul li a span{
         display:none;
    }
     .sdb-cours ul li {
         width: 100%;
         padding-right: 0px;
    }
     .sdb-cours ul li:nth-child(3) {
         margin-bottom: 15px;
    }
     .sdb-cl-class-tim {
         width: 100%;
         border-right: 0px solid #dcdcdc;
         border-bottom: 1px solid #dcdcdc;
         padding-bottom: 15px;
         margin-bottom: 15px;
    }
     .sdb-cl-class-name {
         width: 100%;
    }
     .new-con1{
         height:auto;
    }
     .new-con h4{
        margin-top:35px;
    }
    .ed-ban-tit-31 {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }	
    .ed-ban-tit-32 {
        width: 100%;
    }
    .ed-ref-form-inn form ul li{
        width:100%;
    }
    .pg-blog {
        width: 90%;
    }
    .ed-pho-gal ul li{
        float:left;
        width:50%;
    }


    /* Vishal CSS 04jan2022 */

    .udb-sec.myApplicationMobileContainer {
        padding: 0 15px;
    }
    .udb-sec.myApplicationMobileContainer .real_posts_title {
        margin: 0 -15px;
    }

    .db-2.new_mov_cont {
        margin-top: 15px;
    }
    
    .db-2.new_mov_cont div#all-application-table_length label, 
    .myApplicationMobileContainer div#all-application-table_filter label {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 13px;
        text-transform: capitalize;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }
    
    .db-2.new_mov_cont div#all-application-table_length label select {
        max-width: 200px;
    }

    .myApplicationMobileContainer div#all-application-table_filter label input {
        margin-left: 20px;
        font-size: 13px;
    }
    
    table#all-application-table tr,
    table#all-application-table tr td,
    table#all-application-table thead {
        display: block;
    }

    table#all-application-table tr th {
        display: none;
    } 
    
    table#all-application-table tr td {
        position: relative;
        text-align: left;
        font-size: 13px;
        color: #000;
        border-bottom: 0;
    }
    
    table#all-application-table tr td:before {
        content: attr(data-head)' : ';
        font-weight: bold;
        margin-right: 5px;
    }
    
    table#all-application-table tr td .actiondn {
        display: inline-block;
    }
    
    table#all-application-table tr {
        margin-bottom: 15px;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }
    
    table#all-application-table {
        border: 0;
    }
    
    table#all-application-table thead tr:first-child {
        border: 0;
    }
    .myApplicationMobileContainer div#all-application-table_filter label {
        border-bottom: 0;
        margin-bottom: 0;
    }
    
    div#all-application-table_wrapper .row:first-child {
        margin-bottom: 0;
    }

    table#all-application-table tr:last-child {
        margin-bottom: 0;
    }
    div.dataTables_info {
        font-size: 13px;
    }
    
    div.dataTables_paginate.paging_simple_numbers ul.pagination {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    div.dataTables_paginate.paging_simple_numbers ul.pagination li {
        margin: 0;
        width: auto;
    }
    
    div.dataTables_paginate.paging_simple_numbers ul.pagination li.active a.page-link {
        background: #039;
    }

    li#all-application-table_next a, li#all-application-table_previous a {
        background: #f2f2f2;
    }

    /* Vishal CSS 04jan2022 End*/

}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 550 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:550px){
     .carousel-caption {
         right: 10%;
         left: 10%;
         top: 5%;
         padding-bottom: 30px;
    }
     .slider-con h2{
         font-size:24px;
         line-height: 24px 
    }
     .slider-con h2 span{
         font-size:24px;
         line-height: 24px 
    }
     .slider-con p{
         margin-top: 0px;
         font-size: 12px;
         line-height: 16px;
    }
     .slider-con a{
         display:none;
    }
     .pro-menu ul li {
         width: 100%;
    }
.ed-rsear-dec a span {
    font-size: 10px;
}	
.ed-rsear-dec a{
	font-size: 10px;
}
.ed-rsear-dec h4 a{
	font-size:12px;
}
.ed-rsear-dec {
    padding: 8px 15px;
}
.ed-rsear-img img{
	width:70px;
}
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 480 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:600px){
    
    .col-md-3-required-right.page-builder-right-side .image-right-sidbar.multiple-items-2-sidebar .item .float-left a,
        .col-md-3-required-right.page-builder-right-side .image-right-sidbar.multiple-items-2-sidebar .item .float-left button.btn{
        width:90% !important;
        margin:0 auto !important;
    }
    .post__ form button{
        margin:10px 0px !important;
    } 
     section.post__ header >.row .col-md-3{
        position:absolute;
        right:15px;
    }
    section.post__ header >.row .col-md-3 div {
        margin-right: 0px !important;
    }
    section.post__ header >.row .col-md-9 h3{
        margin-right:0px !important;
        float:unset !important;
        margin-bottom:3px !important;
    }
    section.post__ header >.row .col-md-9{
        order:2
    }
    section.post__ header >.row{
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .container__ .audience__ {
        display: none;
    }
    .post__ form{
        margin:20px 15px !important;
    }
    .container__ .wrapper{
        flex-direction: column;
    }
    .container__ .wrapper,
    .container__ .wrapper section,
    .container__{
        width:100% !important;
    }
    form .options__{
        margin: 15px 0 -3px 0px !important;
    }
    #ara2{
        margin-left:0px !important;
        height:auto !important;
    }
    .container .top_menu .hamburger{
        display: none !important;
    }
    .stu-db .col-md-3-required-right.page-builder-right-side,
    .stu-db .col-md-3-required.desk_menus{
        overflow-x: scroll;
        top:0px;
        left:0px;
        bottom:57px;
        width:0px !important;
        position: fixed !important;
        z-index: 2;
        background: #fff;
        box-shadow: 0 0 10px #000;
        transition: all .5s ease;
        width:250px !important;
    }
    .stu-db .col-md-3-required-right.page-builder-right-side{
        left:unset;
        right: 0px;
    }
    .stu-db .col-md-3-required-right.page-builder-right-side.width_sidebar,
    .width_sidebar{
        display:block !important;
        width:250px !important;
    }
    .udb-sec{
        padding:0px !important;
    }
    /* body{
        padding-bottom:100px !important;
    } */
    .my-desk{
        display:block !important;
    }
    a.icon.right_icon.elips, a.icon.right_icon{
        margin-left:15px !important;
    }
    .top-logo-container.top-logo-container-admin img{
        margin-left:15px !important;
    }
    .pro-menu2{
        transition: all .3s ease-in-out;
        display:none !important;
    }
    .pro-menu2_show{
        transition: all .3s ease-in-out;
        display:block !important
    }
    .top-logo-container.top-logo-container-admin{
        display:flex;
        align-items: center;
    }
    .dashboard_menu_btn{
        display: block !important;
    }
    .pro-menu2 .container>div ul.mobile_menu{
        display: flex;
        flex-direction: column;
    }
    .col-md-6.col-desktop-di .search-bar{
        display:none !important;
        padding-right: 0px !important;
    }
    .stu-db .row #card-11 .row div:first-child{
        padding:0 5px 0 0 !important;
    }
    .stu-db .row #card-11 .row div:first-child img{
        margin-left:0px !important;
    }
    .stu-db .row #card-11 .row div:last-child img{
        margin-left:0px !important;
    }
    .stu-db .row #card-11 .row div:last-child{
        padding:0 0 0 5px !important;
    }
    .col-md-6.col-desktop-di{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .stu-db .row .col-md-9 input{
        margin-left:0px !important;
        padding:10px 5px !important;
    }
    .stu-db .row .col-md-9{
        width:100% !important;
    }
    .stu-db .row #card-11{
        padding:10px 0px !important;
        height:auto !important;
        margin-top:10px !important;
    }
    .stu-db .row{
        display:flex;
        margin:0px !important;
    }
    .col-md-6.col-desktop-di{
        width:100% !important;
    }
    .full-bot-book{
        padding:11px 0 !important
    }
    .dashboard-footer{
        z-index: 2;
        position:fixed;
        bottom:0px;
        left:0px;
        right:0px;
    }
    .dashboard_mobile_menu a{
        font-size:31px;
        color:#fff;
    }

    .dashboard_mobile_menu a:nth-child(2){
        font-size:26px;
    }
    .dashboard_mobile_menu{
        padding:0 15px !important;
        display: flex !important;
    }
    .full-bot-book .container{
        display:none;
    }
    .pro-menu2 .container>div{
        overflow-y: unset !important;
        overflow-x: unset !important;
    }
    .pro-menu2{
        background-color: #95044a !important;
        border-top: 1px solid #fff;
    }
    .pro-menu{
        display: flex;
        align-items: center;
    }
    .pro-menu .container .col-md-3{
        flex-grow:1;
    }
    .pro-menu .container .search-box{
        display: none;
    }
    .pro-menu .container{
        display: flex;
        align-items: center;
    }
    .container .top_menu .icon{
        line-height: 45px;
    }
    .container .top_menu{
        justify-content: end;
    }
    
    .top-logo-container.top-logo-container-admin a{
        display:block !important;
    }
    /* .desk_menus{
        display: block;
        order: 3;
    } */
    .dashboard_row{
        display:flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .col-md-3.col-md-3-required{
        width:100%;
    }
     .wed-hom-ser ul li a {
         width: 62px;
         height: 62px;
         display: block;
         padding: 10px 2px 38px 2px;
         line-height: 10px;
    }
     .man-drop ul li {
         width: 98%;
    }
     .quote-title h2{
         font-size:42px;
    }
     .ho-ev-link {
         width: 100%;
         padding-top: 20px;
    }
     .sf-submit input{
         font-size:12px;
         padding: 15px 4px;
    }
     .carousel-caption {
         right: 10%;
         left: 10%;
         top: 0%;
         padding-bottom: 30px;
    }
     .slider-con h2{
         font-size:24px;
         margin-top:10px;
    }
     .slider-con h2 span{
         font-size:24px;
    }
     .slider-con p{
         font-size:16px;
    }
     .slider-con p{
         margin-top:10px;
         font-size:12px;
         line-height:24px;
    }
    .slider-con a{
        display:none;
    }

    .dashboard-footer{
        transition: all .3s ease;
    }

    .footer_down{
        transform: translateY(53px);
        transition: all .3s ease;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 1366px to above wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (min-width: 1366px){
     .semi-inn {
         width: 1000px;
    }
}