@media (max-width: 1600px) {

    #aboutus {

    padding: 51px 0;

}

  #aboutus .creative-title .line {

    margin-top: 10px;

    }

      #aboutus .creative-title {

    margin-bottom: 35px;

    }



#mission-vision {

    padding: 49px 0;

}

#president-msg .president-name {

    margin-top: 70px;

}

#president-msg {

    /*height: calc(100vh - 95px);*/
        height: inherit;
	padding-top: 0;

}

.inner-title h4 {

    font-size: 30px;

}

#prinsipal-msg .row p, #president-msg .row p {

    line-height: 26px;

}

#president-msg .row img {

    width: 380px;

}

}



@media (max-width: 1536px) {

	  #aboutus {

		padding: 43px 0;

	}

    #aboutus .creative-title {

    margin-bottom: 35px;

    }

    #aboutus .creative-title p {

        margin-top: 0;

    }

    #aboutus .creative-title .line {

    margin-top: 10px;

    }

    .about-stu-img img{

        object-fit: cover;

        height: 350px;

        width: 100%;

    }

	#mission-vision {

    padding: 71px 0;

}

.vision img{

   margin-left: 41px;

   width: 200px;

}

.mission img{

  width: 200px;  

}

#president-msg {

    /*height: calc(100vh - 95px);*/
    height: inherit;
       /*background-image: linear-gradient(to top, var(--text-color) 17%, #ffff 17%);*/
background-image: linear-gradient(to top, var(--text-color) 10%, #ffff 10%);
    padding-top: 50px;

}

#president-msg .row img {

    width: 370px;

}

#president-msg .row img {

    width: 360px;

    box-shadow: 32px -32px 0 -20px #faa74a;

}

#prinsipal-msg .row p, #president-msg .row p {

    line-height: 26px;

}

.inner-title h4 {

    font-size: 30px;

}

/*#president-msg .president-name {*/

/*    margin-top: 50px;*/
/*}*/
    #president-msg .president-name {
        margin-top: 72px;
    }
    
.president-name h3 {

    font-size: 26px;

}

#prinsipal-msg {

    padding: 70px 0;

}



}





@media (max-width: 1440px) {

	#aboutus {

    padding: 70px 0;

}
.about-stu-img::after {
    width: 1200px;
}



}



@media (max-width: 1366px) {

	.creative-title h4 {

    font-size: 32px;

}

#aboutus .creative-title p {

    font-size: 21px;

}

#aboutus .about-paragraph {

    width: 900px;

    font-size: 14px;

}

#aboutus {

    padding-top: 20px;

    padding-bottom: 40px;

}

#aboutus .creative-title {

    margin-bottom: 15px;

}

#mission-vision p {

    line-height: 24px;

    font-size: 14px;

}

#mission-vision {

    padding: 37px 0;

}

.about-stu-img img {

    object-fit: cover;

    height: 300px;

    width: 100%;

}

.vision img {

    margin-left: 50px;

    width: 180px;

}

.mission img {

    margin-top: 41px;

    width: 170px;

    margin-left: 30px;

}

#mission-vision h3 {

    font-size: 28px;

}

.about-stu-img::after {

    width: 1100px;

}

.inner-title h4 {

    font-size: 24px;

    margin-bottom: 20px;



}

#prinsipal-msg .row p, #president-msg .row p {

    line-height: 24px;

    font-size: 14px;

}

#president-msg .row img {

    width: 310px;

	border-radius: 0 50px 0 0;

}

#president-msg .row img {

    width: 360px;

    box-shadow: 32px -32px 0 -20px #faa74a;

}

#president-msg .row img {

    width: 370px;

	border-radius: 0 50px 0 0;

}





.president-name h3 {

    font-size: 21px;

}

#president-msg {

    height: auto;

	/*background-image: linear-gradient(to top, var(--text-color) 13%, #ffff 13%);*/
		background-image: linear-gradient(to top, var(--text-color) 8%, #ffff 8%);

}

#president-msg .president-name {

    margin-top: 50px;

}

#president-msg .row img {

    width: 330px;

    margin-top: 30px;

}

#prinsipal-msg img {

    width: 400px;

	border-radius: 50px 0 51px 0;

}

#prinsipal-msg h4 {

    font-size: 24px;

}

#prinsipal-msg {

    padding: 50px 0;

}

 #president-msg .row .col-lg-7 p:nth-child(4) {

  margin-bottom:10px;

}

#prinsipal-msg .principal-name {

    margin-bottom: 0;

}







}



@media (max-width: 1280px) {



}

@media (max-width: 1200px) {





#mission-vision .row .col-lg-6 {

    padding-left: 100px;

}

}

@media (max-width: 1199px) {

	#mission-vision .row .col-lg-6 {

    padding-left: 70px;

}

.vision img {

    margin-left: 0;

    width: 180px;

}

.mission img {

    margin-left: 0;

}

.about-stu-img::after {

    width: 900px;

}

#president-msg .row img {

    width: 350px;

    margin-top: 30px;

}



}



@media (max-width: 1152px) {

	



}



@media (max-width: 1024px) {

	#aboutus .about-paragraph {

    width: 100%;

}





}

@media (max-width: 992px) {



}

@media (max-width: 991px) {

	#mission-vision .row .col-lg-6 {

    padding-left: 10px;

}



#prinsipal-msg .row p, #president-msg .row p {

    margin-top: 0;

}



.president-img {

	/*text-align: end;*/


	text-align: start;

}

#president-msg .president-name {

    margin-top: 0;

    position: relative;

	bottom: -480px;
right: -408px !important;
    text-align: left;

}

#prinsipal-msg .row p, #president-msg .row p {

    margin-top: 0;

    text-align: left;

    font-size: 16px;

}

#president-msg .row img {

    margin-top: 0;

	margin-bottom: 41px;

}

#president-msg {

    background-image: linear-gradient(to top, var(--text-color) 10%, #ffff 10%);

}

#prinsipal-msg .row .col-lg-6:first-child {

    display: flex;

    align-items: end;

    gap: 10px;

}

}





@media (max-width: 768px) {



}

@media (max-width: 767px) {

	#aboutus .creative-title {

    width: 100%;

}

#mission-vision .row .col-lg-6 {

    padding-left: 0;

}

.vision {

    left: -90px;

}

.mission {

    left: -60px;

}

#mission-vision .row{

	row-gap: 50px;

}

#mission-vision {

    /*padding-top: 50px;*/

    /*padding-bottom: 60px;*/
padding: 50px;
}

#prinsipal-msg .row .col-lg-6:first-child {

    display: block;

}

#president-msg .row img {

    width: 250px;

}

#president-msg .president-name {

    bottom: -341px;
        right: -298px !important;

}

#prinsipal-msg .row p, #president-msg .row p {

    font-size: 14px;

}

#prinsipal-msg .row  .principal-name p{

    text-align: center;

}
.address.footer-logo .social-icons {
    position: relative;
    top: 341px;
    left: 73px;
}

	



}

@media (max-width: 600px) {



}

@media (max-width: 576px) {



}



@media (max-width: 575px) {



}

@media(max-width:550px){
        #president-msg .president-name {
        bottom: -341px;
        right: -264px !important;
    }
}

@media (max-width: 540px) {

	#president-msg .row img {

    margin-right: 10px;

}

.breadcrumb, .about-bread p {

    font-size: 14px;

}

#mission-vision .row .col-lg-6 {

    padding: 0 12px;

}

}
@media(max-width:510px){
        #president-msg .row img {
        margin-right: 10px;
        margin-bottom: 91px;
    }
        #president-msg .president-name {
        bottom: -418px;
        right: -135px !important;
    }
        .president-img {
        text-align: center;
    }
}
@media (max-width: 492px) {

.about-stu-img img {

    object-fit: unset;

    height: auto;

    width: 100%;

}

.about-stu-img::after {

    width: 70%;

    bottom: -5px;

    height: 10px;

}

#mission-vision .row .col-lg-6 {

    padding-left: 12px;

}

.vision {

    left: auto;

}

.mission {

    left: 0;

}

#aboutus .about-paragraph {

    text-align: justify;

}

footer {

    margin-top: 0;

}

.breadcrumb, .about-bread p {

    font-size: 14px;

}

#aboutus .creative-title p {

    margin-top: 5px;

}
.address.footer-logo .social-icons {
    top: 320px;
  }



}
@media(max-width:460px){
        #president-msg .president-name {
        bottom: -408px;
        right: -92px !important;
    }
}

@media (max-width: 432px) {
 .address.footer-logo .social-icons {
    left: 60px;
    }


}

@media (max-width: 425px) {



}

@media (max-width: 414px) {

    .creative-title h4 {

        font-size: 31px;

    }

    #aboutus .creative-title p {

        font-size: 19px;

    }



}

@media (max-width: 412px) {


}

@media (max-width: 400px) {

    .creative-title h4 {

        font-size: 29px;

    }



}





@media (max-width: 394px) {



}

@media (max-width: 393px) {



}

@media (max-width: 390px) {



}

@media (max-width: 385px) {

    .creative-title h4 {

        font-size: 27px;

    }



}

@media (max-width: 384px) {



}

@media (max-width: 360x) {

    #president-msg .president-name {
        bottom: -408px;
        right: -40px !important;
    }
    #mission-vision {
        /* padding-top: 50px; */
        /* padding-bottom: 60px; */
        padding: 20px;
    }
}
@media(max-width:350px){
        .address.footer-logo .social-icons {
        top: 362px;
    }
}

@media (max-width: 320px) {

    .creative-title h4 {

        font-size: 22px;

    }

    #aboutus .creative-title p {

        font-size: 17px;

    }



}