/*-----------------------------------------
 [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 greater than 1300px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (min-width  : 1300px){
    .col-sm-4 {
        width: 33.33333333%;
    }

   .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
       height: 900px;
    }
}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 1300px wide,below css will be applied.
/*-------------------------------------------------------*/
/* @media screen and (max-width:1100px){
  

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

}

 .wed-logo{
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ================ */
@media screen and (max-width:1198px){
    .wed-logo a {
        font-size: 40px;
    }
    .ed-rsear-in{width:100%;}

    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        height: 800px;
     }
}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 992px wide,below css will be applied.
/*-------------------------------------------------------*/
 

@media screen and (max-width:992px){
    .admission-header{
        margin-top: 50px;
    }
    /* Extra Added CSS Starts */

   
    .wed-pop-ser-btn{
        border:none;
        padding: 4px;
    }
    
    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        height: 450px;
        overflow: hidden;
    }
    .wed-logo{
      
        margin: auto;
        display: block;
        display: inline-block;
        /* justify-content: center; */
        align-items:  center;
        width: 100%;
    }
    .wed-logo a img{
        width:50px;
    }
   
    .wed-logo span{
        margin: 2px;
        font-size:28px;
        text-align: left;
        font-weight: bold;
        padding-left: 10px;
        padding: 2px;
        color: #dc0c09;
    }
/* Extra Added CSS Ends */

	.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{
        
    }
    .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:20%; */
        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 ul li a {
         padding: 0px 20px;
         line-height: 53px;
         color: #fff;
         font-weight: 500;
         border: 1px solid #3a5d84;
         width: 98%;
         display: block;
         margin: 5px;
         box-sizing: border-box;
         text-align: center;
    }
     .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){
   /* svm .php */
    .content {
   
    flex-direction: column;
}
    /* End svm .php */
/*-------------------------------------------------*/
/* = Managment
/*-------------------------------------------------*/
.post-container .post {
    flex-direction: column;
}

.post-container .image-left, .image-right, .content-left, .content-right {
    max-width: 100%;
    flex: none;
    text-align: center;
}

.post-container .image-right {
    order: 0;
}
.post-container .content-left p, .content-right p {

line-height: 1.2em;

}

/*-------------------------------------------------*/
/* =  Disclusre
/*-------------------------------------------------*/
.md  #menu {
    display: flex;
    flex-direction: column;
}

.md   #menu li {
    float: none;
    width: 100%;
}

.md  #menu li a {
    padding: 10px;
}


.md  table {
    display: block;
    overflow-x: auto;
    
    /* Enable horizontal scrolling on small screens */
}

.md  th,
td {
    display: block;
    width: auto;
    /* Allow table cells to determine their own width */
    text-align: left;
    border: none;
    /* Remove borders for table cells */
    border-bottom: 1px solid #ddd;
    /* Add border between table cells */
    padding: 8px 0;
    /* Adjust padding for table cells */
    text-align: center;
}

.md  th {
    display: none;
    /* Hide table headers (th) in responsive mode */
}

.md  td:last-child {
    padding-bottom: 12px;
    /* Add padding for the last table cell in each row to ensure proper spacing */
}
.md {
width: 90%;
}
.md tr td:first-child {
    background-color: #02123af2;
    color: white;
}

     .mob-hide{
         display:none;
    }
    .wed-logo{
        display: flex;
        /* justify-content: center; */
        align-items:  center;
        width: 100%;
    }
     .wed-logo a img {
         width: 40px;
         margin-top: 5px;
    }
    .wed-logo span{
        margin: 2px;
        font-size:24px;
        text-align: left;
        font-weight: bold;
        padding-left: 10px;
        padding: 2px;
        color: #dc0c09;
       

    }
     .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%;
}

}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 550 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:550px){

    /* Extra Added starts*/
    .slider-arr{
        display: none;
    }
    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
        margin-top: 10%;
       
    }
    .wed-logo span{
        font-size: 18px;
    }
    .wed-logo a img{
        width: 45px;
    }
    /*  Extra Added End */
     .carousel-caption {
         right: 10%;
         left: 10%;
         /* top: 5%; */
         padding-bottom: 30px;
    }
     .slider-con h2{
         font-size:24px;
         line-height: 40px 
    }
     .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:480px){
    .ed-res-bg h1{
        line-height: normal;
    }
    .msg-section .section-content p{
        line-height: normal;
        text-align: left;
    }
    .objective ul li {
        font-size: 14px;
        
    }
    .tagline{
        font-size: 20px;
    }
     .ed-about-tit .con-title p{
        text-align: left;
        word-spacing: 0.25em;
        font-size: medium;

    }
    .con-title h2{
        font-size: 26px;
        margin-top: 60px;
    }
    .con-title h2 span{
        font-size: 26px;
    }
    
    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
        margin-top: 10%;
        height: 310px;
        
    }
    .wed-hom-ser ul{
        display: table;

    }
    .wed-hom-ser ul li{
        margin-top: 70px;
    }
     .wed-hom-ser ul li a {
         width: 62px;
         height: 62px;
         font-size: 8px;
         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: 20%;
         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;
    }
}

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