/*------------Shreya responsive css start-----------*/
@media screen and (max-width: 992px) {
/*About us start*/

  .abo-img img{
  	width: 300px;
  }
  .abo-txt{
  	margin-left: 0px;
  }

/*About us end*/


/*Gallery start*/
.gal_fl{
	flex-direction: column;
}
.train1-img {
    width: 100%;
}
.train2-img{
	width: 100%;
}

/*Gallery end*/
/*Knowledge-base start*/
.card-breadcamp1 {
	width: 100%;
}
.ne-br{
	flex-direction: column;
}
.view-flex {
	margin-top: 20px;
}
.select-styled:after {
	right: 4px;
}
.select-styled{
	font-size: 14px;
	    padding: 13px 4px;
	        margin-left: 8px;
}
.select{
	width: 250px;
}
/*Knowledge-base end*/
/*employe-list start*/
.card-list{
	flex-direction: column;
}
.profile-bio p span{
	font-size: 12px;
}
.list-profile{
	width: 110px;
}
.profile-details-card {
    padding-left: 12px;
}
.intro-card{
	width: 100%;
}
/*employe-list end*/
/*news start*/
.post.post-classic{
	width: 100%;
}
/*news end*/
/*Calender start*/
.calender-img{
    margin-bottom: 18px;
}
.main-calender-c {
    width: 40%;
}
.main-calender-c-g {
    width: 60%;
}
/*Calender end*/


/*mandatory box start*/
.mandatory-box {
    padding: 25px 25px 10px 25px!important;
}
/*mandatory box end*/

}
/*------------Shreya responsive css end-----------*/



/*-------Anjani responsive css start-------------*/

@media screen and (max-width:767px){
    .dropbtn {
        padding: 14px 20px 14px 18px;
    }
    .search-drop {
        display: flex;
        align-items: center;
        margin-top: 20px;
        justify-content: center;
    }
    .latest_news img{
         width: 100px ;
         height: 100px;
         margin-bottom: 10px;
    }
    .heading-event h1 {
        font-family: Roboto;
        font-size: 25px;
        font-weight: 700;
        line-height: 47px;
        letter-spacing: 0em;
        text-align: left;
        color: var(--Main-heading);
        position: relative;
    }
    .img-p{
        display: block;
    }
    .gallery-overlay {
        position: absolute;
        padding: 0px 10px 0px 15px;
        width: 100%;
        left: 0%;
        display: flex;
        flex-direction: column;
        top: 60%;
    }
    .gallery-overlay1 {
        position: absolute;
        padding: 0px 15px;
        width: 100%;
        top: 55%;
        left: 0%;
        display: flex;
        flex-direction: column;
    }
    .gallery-overlay2 {
        position: absolute;
        padding: 0px 15px;
        width: 100%;
        top: 55%;
        left: 0%;
        display: flex;
        flex-direction: column;
    }
    .nav-tabs1 {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 700;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color: #000;
    }
    .heading-footer h1 {
        color: #fff;
        font-family: Roboto;
        font-size: 25px;
        font-weight: 700;
        line-height: 47px;
        letter-spacing: 0em;
        text-align: left;
        position: relative;
    }
    .overlay h5 {
        font-family: Roboto;
        font-size: 23px;
        font-weight: 400;
        line-height: 35px;
        letter-spacing: 0em;
        text-align: left;
        color: #fff;
    }
    .overlay {
        position: absolute;
        padding: 0px 25px;
        width: 100%;
        top: 45%;
        left: 0%;
        display: flex;
        flex-direction: column;
    }
    .heading-footer-side h1 {
        font-family: Roboto;
        font-size: 25px;
        font-weight: 700;
        /* line-height: 47px; */
        letter-spacing: 0em;
        text-align: left;
        color: #fff;
    }
    .heading-footer-side-d h1 {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0em;
        text-align: left;
        color: #fff;
    }

    .heading-help {
        font-family: Roboto;
        font-size: 25px;
        font-weight: 400;
        line-height: 47px;
        letter-spacing: 0em;
        text-align: left;
        color: #fff;
    }
    .footer-right {
        font-family: Roboto;
        font-size: 17px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0em;
        text-align: left;
        color: #fff;
        margin-top: 10px;
    }
    .coment i {
        color: #337EB7;
        font-size: 40px;
        height: 70px;
        width: 70px;
        background-color: #fff;
        border-radius: 50%;
        position: relative;
    }

    .fa-comments-o:before {
        content: "\f0e6";
        position: absolute;
        top: 14px;
        left: 14px;
    }

    .chat-container {
        width: 300px;
        height: auto;
        position: absolute;
        bottom: 110%;
        right: -22.5%;
        z-index: 1;
        border-radius: 25px;
        background-color: #f9fbff;
        box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
        overflow: hidden;
        display: none;
    }
    .head {
        display: flex;
        background-color: #337EB7;
        align-items: flex-start;
    }
    .head .user{
        display: block;
    }
    .name1{
        font-size: 1px;
    }
    .name1{
        font-size: 14px;
    }
  
}

@media screen and (max-width:580px){
     .logo-p {
        display: flex;
        align-items: center;
        justify-content: center;
    } 
   
}
/*-------Anjani responsive css end---------------*/