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

	.about-heading{margin-top:-3%}

}

@media screen and (max-width: 1200px){

	.team-photo ul li img{

        width: 220px;

    }

}

@media screen and (max-width: 992px){

	.box ul{justify-content: space-evenly}

    .course-partten{margin-top: 20px;}

    .socail-menu{text-align: left;padding-left: 35px;}

    #our-course{color:rgb(255,177,32,100%)}



/****admin---panel===start===*/

    .menu{justify-content: flex-start;}

    .form-footer {margin-left:0px;margin-right:0px}

    .center-menu-img .dropdown-menu{position:absolute!important;  z-index: 50;transform: translate(0%)!important;

        top:100%!important}

/****admin---panel===End===*/

}



@media screen and (max-width: 768px){

	.reverse{flex-wrap:wrap-reverse}

    .socail-menu ul{display: flex;justify-content: space-between;}

    .socail-menu{padding-left: 0px!important}

    .coruse-content-text a{position: absolute;left:50px;bottom: -44px}



/****admin---panel===start===*/

    .menu{display: none;}

    .Services {width: 100%;}

    .group-form-felid{flex-flow: column;gap: 1.3rem}

    .app-main__outer form .group-form{margin-top: 7%}

/****admin---panel===End===*/

} 



@media screen and (max-width: 592px){

    .coruse-content-text a{position: relative;left:0px;bottom:0px}

    .coruse-content{flex-flow:column}

    .coruse-img img{width:100%!important;height: 250px;object-fit: cover;}

    .coruse-img{width: 100%;}



/****admin---panel===start===*/

    .app-main__outer form .group-form{margin-top: 8%}

/****admin---panel===End===*/   

}

	

@media screen and (max-width: 545px){

	.team-photo .third

    .left-content-text,.socila{ gap: .2rem; flex-flow: column;}

/****admin---panel===start===*/

    .copy-right-1{flex-flow:column}

    .copy-right-1 a{margin: auto;}

/****admin---panel===End===*/  

}



@media screen and (max-width: 485px){

	.footer .reverse .col-6{width: 100%!important;}

    .carousel-caption-text{width:300px}



}



@media screen and (max-width:442px){



/****admin---panel===start===*/

    .app-header__mobile-menu{padding: 0 0rem}

    .app-header__logo{padding-right: 50px;padding-left: 10px;}

    .app-main__outer form .group-form{margin-top: 10%} 

/****admin---panel===End===*/     

}



@media screen and (max-width: 390px){

    .carousel-caption-text{width:200px}

}