/*for mobile*/
@media only screen and (max-width:760px) {
.navbar-toggler-icon{filter: gray;}
.navbar-collapse {flex-basis: 100%; flex-grow: 1; align-items: center; background: #fff; border-radius: 10px; padding: 20px 15px; box-shadow: 0px 2px 10px #0077B6; margin-top: 15px;}
.nav-item{padding: 10px 0px;}
.BannerHeadingBig { font-family: Helvetica; color: #000; font-weight: 900; font-size: 20px; width: 100%; text-align: center;}
header.menu_fixed{background: #fff; box-shadow: 0px 0px 21px -6px #0077B6;}
header {padding: 15px 0px; width: 100%; z-index: 11; position: fixed; left: 0; right: 0; top: 0;}
.BannerBg {background: linear-gradient(#fff, #C4D5FF); width: 100%;}
.BannerHeadingSmall {font-size: 10px; margin-bottom: 10px;}
.BannerHeadingBig {font-size: 12px;}
.mt_5{margin-top: 3rem;}
.mb_5{margin-bottom: 3rem;}
.pt_5{padding: 4rem;}
.pb_5{padding-bottom: 4rem;}
.Logo {width: 140px;}
.BannerTraingle01 {position: absolute; top: 35px; left: -43px; animation: rotateImage 5s linear infinite; width: 30px;}
.BannerRound01 {left: -45px; position: absolute; top: 200px; animation: upDown 2s infinite ease-in-out; width: 15px;}
.BannerRoundBordered02 {left: 41px; width: 18px; position: absolute; top: 82px; animation: upDown 2s infinite ease-in-out; width: 12px;}
.BannerRoundBordered03 { right: 50px; position: absolute; top: 79px; animation: upDown 2s infinite ease-in-out; width: 15px;}
.BannerRoundBordered01 {display: none;}
.BannerTraingle02 {width: 20px; position: absolute; top: 280px; left: 10px; animation: rotateImage 5s linear infinite;}
.BannerTraingle03 {width: 13px; position: absolute; top: 270px; right: 20px; animation: rotateImage 5s linear infinite;}
.BannerTraingle04 {width: 19px; position: absolute; top: 130px; right: 83px; animation: rotateImage 5s linear infinite;}
.BannerTraingleCover01 {display: none;}
.BannerTraingleCover02 {position: absolute; top: 180px; right: -37px; animation: rotateImage 5s linear infinite; width: 23px;}
.BannerGifImage {width: 150px; margin-top: 85px;}
.FeeManagement {top: 80px; left: -46px;}
.FeeManagement img {width: 70px;}   
.FeeManagement p {font-size: 9px;}
.Library {bottom: 0px; left: -46px;}
.Library img {width: 70px;}   
.Library p {font-size: 9px;}
.Admission {top: 80px; left: 35px;}
.Admission img {width: 70px;}   
.Admission p {font-size: 9px;}
.AttendanceManagement {top: 103px; right: -61px;}
.AttendanceManagement img {width: 70px; margin: auto; display: block;}   
.AttendanceManagement p {font-size: 9px;}
.Marksheet {bottom: 0px; right: -46px;}
.Marksheet img {width: 70px;}   
.Marksheet p {font-size: 9px;}
.LeaveApproval {top: 90px; right: 25px;}
.LeaveApproval img {width: 50px;}   
.LeaveApproval p {font-size: 9px;}
.BannerArrow{display: none;}
.BannerBlueLine {position: absolute; top: 71px; right: 71px; width: 60px;}
.SolutionsHeading {margin-bottom: 0px; font-size: 20px;}
.SolutionsImages img { margin-top: 25px;}
.SolutionsInstutes img { margin-top: 25px;}
.SolutionsImages::after{display: none; }

.HeadingWidth {width: 100%;}

.OffringPara {width: 100%;}
.OffringCardOne {margin-top: 40px;}
.OffringCardTwo {margin-top: 25px; }
.OffringCardThree {margin-top: 25px; }
.OffringCardFour {margin-top: 25px; }
.OffringCardFive {margin-top: 25px; }

.nav-tabs .nav-link.active {font-size: 11px; margin: 0px 5px; padding: 7px 20px;}
.nav-tabs .nav-link{font-size: 11px; margin: 0px 5px; padding: 7px 20px;}

.DownloadSmallHeading p {margin-left: 0px; width: 100%;}
.DownloadIconTwo {bottom: 300px;}
.DownloadIconThree {bottom: 186px;}
.DownloadIconBorder {height: 240px;}
.HeadingText h2 {font-size: 20px;}
.DownloadMobile {width: 180px; margin-bottom: 20px;}
.DownloadPlayStore {width: 140px;}
.pt_3{padding-top: 30px;}
.pb_3{padding-bottom: 30px;}

.nav-pills .nav-link.active {width: 160px; font-size: 12px;}
.nav-pills .nav-link {width: 160px; font-size: 12px; background: rgba(255, 255, 255, 0.3); color: #fff;}
.ManagementSystemMobile {width: 100%;}
.login_container_box::before {content: ""; width: 100px; height: 100px;}
.FeaturesTextThreeLeft {padding-left: 0px; padding-top: 20px;}
.FeaturesText {padding-top: 0px; padding-right: 0px;}
.FeaturesTextTwo {padding-top: 20px; padding-right: 0px;}
.FeaturesTextThree {padding-top: 10px; padding-right: 0px; padding-bottom: 20px;}
.FeaturesTextLeft {padding-top: 50px; padding-left: 0px;}
.FeaturesTextTwoLeft {padding-top: 20px; padding-left: 0px;}
.UsersPara{width: 100%;}
.HeadingTextTwo h2 {font-size: 20px;}

.FooteHeading {font-size: 20px;}



.FooterRound01 {width: 20px; left: -20px; top: 200px;}
.FooterRoundBordered02 {right: 100px; width: 18px; top: 120px;}
.FooterTraingleCover01 { top: 200px; left: 130px;}
.FooterRoundBordered01 { left: 20px; top: 100px; width: 25px;}

.FooterTraingle01 {top: -22px; left: 14px; width: 22px;}
.FooterTraingle02 {width: 14px; bottom: 34px; left: 50px;}
.FooterTraingle03 {width: 22px; top: 190px; left: 20px;}
.FooterTraingle04 {width: 25px; bottom: 40px; right: 40px;}
.FooterTraingleCover01 {top: 100px; left: 150px;}
.FooterTraingleCover02 {display: none;}
.FooterRound01 {width: 14px; left: 10px; top: 104px;}
.FooterRoundBordered02 {right: 46px; width: 14px;top: 120px; }
.FooterRoundBordered01 {left: 245px; top: 212px; width: 20px;}
.FooterRoundBordered03 {width: 18px; right: 10px; top: 300px;}
.FooterDownloadNowText {margin-top: 20px;}
.FooterQR {z-index: 1; position: relative; margin-bottom: 20px;}
.FooterMobileCenter{justify-content: center;}
.FooterCopyrightText {text-align: center; margin-top: 20px;}
.FooterTearms::after {left: 194px;}
.carousel-inner {width: 100%;}
.SliderImage {width: 100px; height: 100px; border-radius: 50px; margin: auto; margin-top: auto; display: block; margin-top: 30px; border: 2px solid #0077B6;}
.TestimonialVector {width: 25px; margin: auto; display: block;}
.TestimonialPara {margin: 20px; font-size: 14px;}
.TestimonialSmallPara {margin: 0px 20px;}
.rating{margin: 0px 20px;}
.carousel-control-next{display: none;}
.carousel-control-prev {display: none;}



}
/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {
    .btn-outline-dark {
        border: none;
        padding: 0;
        outline: none;
      }
    
      .btn-outline-dark:hover {
        background: none;
        color: gray;
      }

}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {
  .ManagementSystemMobile {width: 200px; }
  .FeeManagement img {width: 120px;}
  .Library img {width: 120px;}
  .Admission img {width: 120px;}
  .LeaveApproval img {width: 100px;}
  .AttendanceManagement img {width: 120px; margin: auto; display: block;}
  .Marksheet img {width: 120px;}
  .FeeManagement {top: 50px; left: -46px;}
  .Library {bottom: -23px; left: -46px;}
  .Admission {top: 80px; left: 100px;}
  .LeaveApproval {top: 90px; right: 100px;}
  .AttendanceManagement {top: -3px; right: -37px;}
  .Marksheet { bottom: -23px; right: -46px;}
  .BannerBlueLine {position: absolute; top: 50px; right: 162px; width: 46px;}
  .FeaturesMobileBorder {left: 112px;}
  .FeaturesMobileBorderTwo {left: 112px;}
  .FeaturesMobileBorderThree {left: 112px;}
  .FeaturesMobileBorderFour {right: 112px;}
  .FeaturesMobileBorderFive {right: 112px;}
  .FeaturesMobileBorderSix {right: 112px;}
  .circles {left: 86px;}
  .circlesTwo {left: 86px;}
  .circlesThree {left: 86px;}
  .circlesFour {right: 86px;}
  .circlesFive {right: 86px;}
  .circlesSix {right: 86px;}
  .FeaturesNoBg {left: 90px;}
  .FeaturesNoBgTwo {left: 90px;}
  .FeaturesNoBgThree {left: 90px;}
  .FeaturesNoBgFour {right: 90px;}
  .FeaturesNoBgFive {right: 90px;}
  .FeaturesNoBgSix {right: 90px;}
  .FooterTearms::after {left: 390px;}
}

/*for destop*/
@media (min-width: 1250px){
  .container{max-width: 1200px;}

 }