@media (prefers-reduced-motion:no-preference) {
 :root {scroll-behavior:smooth;}
}

@media only screen and (min-width:1400px) and (max-width:1550px){
   .whySlide .whySlider{left: -180px;}
   .cetficates{width: 13%;    padding: 30px 25px; right: 0;}
   .detPt {    width: 80%;}

}

@media only screen and (min-width:1300px) and (max-width:1399px){
    .bannerText{width: 65%;}
    .detPt {    width: 80%;}
}

@media only screen and (max-width:1399px){
    .mainMenu > ul{gap:20px;}
    .counters{gap:30px;}
    .counters .item{width:calc(33% - 30px);}
    .newsItem .newsImg img.centerImg{height:493px !important;}
    .linkages .counters .item{width:calc(50% - 30px);}
    .shortDesc p{padding-right:35px;}
    .titleBlock{width:40%; padding:60px 120px 60px 0px;}
    .whySlide{width:45%;}
    .whySlide .whySlider{left:-220px;}
    .cetficates{width:14%; padding:30px 0px 30px 30px;}
    .mainMenu > ul > li > a{font-size: 14px;}
    .bannerText{width: 65%;}
    .detPt {    width: 80%;}


}


@media only screen and (max-width:1199px)
{
    .mainMenu > ul > li > a{font-size:14px;}
    .banner .carousel-item img{height:auto;}
    .bannerText{min-height:auto; width:60%; padding:50px 50px 50px 0px;}
    .bannerText label{margin-bottom:0;}
    .bannerText h1{font-size:45px;}
    .bannerText p{font-size:17px; line-height:24px;}
    .bannerText button{margin-top:30px !important;}
    .counters{gap:10px;}
    .counters .item {width:calc(34% - 12px);}
    .counters .item label{font-size:16px;}
    .courseItem .courseImg img{height:155px;}
    .courseText p{font-size:15px; line-height:21px;}
    .titleBlock{padding:60px 75px 60px 0px;}
    .whySlide .whySlider{left:-175px;}
    .newsItem .newsImg img.centerImg {height:415px !important;}

    .mobileMenu { display:block; width:fit-content; float:right; font-size:26px; cursor:pointer;}
    .mobileMenu svg path{fill:#163269;}
    .mobileMenu:hover svg path{fill:#000;}
    .mainMenu { display:block; position:fixed; left:-100%; width:50%; top:0; background:#fff; height:100%; z-index:999; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
    .mainMenu.active{left:0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
    .mainMenu > ul{gap:0px;}
    .mainMenu > ul > li{width:100%;}
    .mainMenu > ul > li > a{line-height:45px; width:100%; justify-content:flex-start; padding:0px 20px; border-top:1px solid #ededed; color:#163269;}
    .mainMenu > ul > li.dropMenu > a:after{top:0px;     border-top: 6px solid #163269;}
    .mainMenu > ul > li .subMenu{position: unset; background:#f7f7f7; width:100%; display: none;}
    .mainMenu > ul > li .subMenu > li > a{border-top:1px solid #ededed; color:#163269; padding-left: 35px;}
    .mainMenu > ul > li > a:hover{color:#163269;}
    .mainMenu > ul > li.dropMenu > a:hover:after{border-top: 6px solid #163269;}

    .brandLogo {    padding: 20px;}
    .brandLogo a {    display: block;}
    .brandLogo a img {    height: 60px;}
    .mainMenu .brandLogo{display: block;}
    .header .container-fluid .row{min-height: 100px;}

    
    .heading h2{font-size: 32px;}
    .lifeSide .table-responsive{display: none;}
    .device992{display: block;}
    .bhopalCount .counters .item{width: calc(25% - 20px);}
    .pageTitle{padding:50px 0px;}
    .innerPage h2{font-size:30px;}
    .studyText{padding: 0px; border: 0px; margin-bottom: 30px;}
    .studyText h2, .studyText p{text-align: center;}
    .counters .item{width: calc(33% - 12px);}
    .newsTitle h4{font-size: 16px;     line-height: 22px;}
    .linkages .counters .item label{line-height: normal;}
    .detPt {    width:70%;}
}


@media only screen and (max-width:991px)
{
    .header{height:100px; display:flex; align-items:center; justify-content:space-between;}
    
    .banner .container{right:auto; padding-left: 0px;}
    .bannerText{width: 70%; padding: 60px 40px;}
    .studyText{text-align:center; padding:0px; border:0px; margin-bottom:40px;}
    .studyText h2, .studyText p{text-align:center;}
    .padd80{padding:60px 0px;}
    .allCourses{margin-top:40px;}
    .courseItem .courseImg img { height:auto; width:100%; min-height:188px;}
    .courseText p{font-size:16px;}
    .allCourses .owl-nav{position:unset; margin:0 auto; width:fit-content;}
    .allCourses .owl-nav button{display:inline-block; margin:30px 5px 0px;}
    .titleBlock {width:100%; padding:60px 0px; min-height:auto; text-align:center;}
    .whySlide { width:90%; margin:0 auto 100px;}
    .whySlide .whySlider{left:0px;}
    .cetficates { position:unset; width:100%; padding:30px 30px 50px 30px; border-top:1px solid #1b3b78;}
    .cetficates ul{width:100%; align-items:center; justify-content:center;}
    .cetficates ul li{width:17%}
    .whySlide .owl-nav { position:absolute; bottom:-60px; margin:0 auto; left:0; right:0; width:fit-content;}
    .newsItem .newsImg img.centerImg {height:467px !important;}
    .level3{display:flex; flex-wrap:wrap; justify-content:space-between; gap:30px; margin-top:30px;}
    .level3 .newsItem{width:calc(50% - 15px); margin-top:0px}
    .adviceBoard{margin-top:50px;}
    .addressF{margin-top:40px; padding:30px; background:#f7f7f7; border-radius:10px;}
    .addressF ul { margin-top:25px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
    .addressF ul li{margin-top:0px; width:30%;}
    .addressF ul li p, .addressF ul li p a{font-size:14px;}
    .padd60{padding:40px 0px;}
    .heading h2{font-size: 35px;}
    .contactCover{padding: 40px 25px;}
    .contactDetails{display: flex; flex-wrap: wrap; padding: 0px; border: 1px solid #E2E2E2;}
    .detailItem {    width: 50%;    padding: 30px;    margin-bottom: 0px;    border-width: 0px 1px 1px 0px;    border-style: solid;    border-color: #e2e2e2;}
    .detailItem .icon{margin: 0 auto;}
    .detPt {    width: 100%;    text-align: center;}
    .detailItem:last-child{padding-bottom: 30px;}
    .detailItem:nth-child(3){border-bottom: 0px;}
    .detailItem:nth-child(2n){border-right: 0px;}
    .contactForm{padding-left: 0px; margin-top: 50px;}
    .contactCover .heading{margin-bottom: 15px !important;}
    .lifeSide{margin-top:0px;}
    .device992 + br{display: none;}
    .counters .item label{display: block; margin-top: 10px; font-size: 14px; line-height: normal;}
    ul.ketLists li{width: 49%;}
    .subgraphix img{max-width: 100%; width: auto;}

    .bannerText{width:70%;}
    .bannerText h1{font-size: 36px; line-height: normal;}
    .bannerText p{font-size: 16px;}
    .uniImage{height: 600px; background-size: cover;}
    .links ul li a{font-size: 14px;}
    .adviceBoard{height: auto;}
    .tbsAra .nav-tabs{width: 30%; height: 100%;}
    .tbsAra .nav-tabs li.nav-item button span{width: 60%;}
    .tbsAra .tab-content{width: 67%;}
    .pageTitle{background-size:cover; }
    .logos .owl-stage .owl-item .collabItem img{height: 70px;}
}



@media only screen and (max-width:767px){
    .bannerText {    justify-content: center;    width: 100%;    background: #fff; text-align: left;}
    .newsItem .newsImg img.centerImg { height:348px !important;}
    .banner > div.container{position:relative; width:100%;}
    .banner{display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
    .bannerText button{margin: 20px 0 0px;}
    .banner > .row {margin-top: -100px;}
    .bannerText p{line-height:24px; font-size: 17px;}
    .bannerText label{font-size: 16px; font-weight: normal;}
    .banner .container{padding-left: 10px; right:0;}
    .detailItem .detPt p{font-size: 14px;}
    .detailItem .detPt p br{display: none;}
    .pageTitle{padding: 25px 0px;}
    .innerPage h2 {    font-size: 25px;    text-align: center;    width: 100%;    letter-spacing: 1px; line-height: normal;}
    .header{height:90px;}
    .counters .item > div{font-size: 32px;}
    ul.ketLists li span{    line-height: 22px; font-size: 15px; font-weight: 300;}
    .banner{flex-direction: unset; display: block;}
    .banner > .row{margin-top:0px;}
    .uniImage{background-attachment: scroll; height: 475px;}
    .banner > div.container{top: -75px;}
    .bannerText h1{font-size: 32px;}
    .studyText p{padding: 0px 20px; font-size: 18px; line-height: 26px;}
    .counters .item label{font-size: 16px;}
    .courseText p{min-height: auto;}
    .mainMenu{width: 55%;}
    .links{margin-top: 25px;}
    .links ul{margin-top: 20px;}
    .addressF ul li:first-child{width: 100%; margin-bottom: 10px;}
    .newsEvents{display: block;}
    .dsk{display: none;}
    .newsItem .newsImg img{height:339px !important;}
    .newsItem .newsImg img.centerImg{height:339px !important;}
    .newsTitle h4{font-size: 18px;}
    .globalProg {display: none;}
    .mobileGlobal {display: block;}
    .newsEvents {display: block !important;}
    .studyText p br{display: none;}
    .founderImg{margin-bottom: 30px;}
    .innerPage h2{font-size: 22px;}
    .newsEvents .owl-nav{gap:10px; display: flex; flex-wrap: wrap; margin: 20px auto 0; width: fit-content;}
    .newsEvents .owl-nav button {        border: 2px solid #222 !important;        width: 35px;        height: 35px;        border-radius: 30px;    }
    .newsEvents .owl-nav button svg{position: relative; top:2px;}


}


@media only screen and (max-width:575px){
    .studyText h2{font-size:24px;}
    .counters{gap:20px;}
    .counters .item{width:100%;}
    .cetficates ul{justify-content:space-around;}
    .cetficates ul li{width:35%;}
    
    .level3{margin-top:0px; gap:0px;}
    .newsItem{margin-top:25px !important}
    .level3 .newsItem{width:100%;}
    .heading h2{font-size:30px;}
    .linkages .counters .item > div{font-size:35px;}
    .linkages .counters .item label{line-height:20px;}
    .linkages .counters .item{min-height:115px;}
    .container.padd60{padding:40px 15px;}
    .addressF ul li{margin-top:10px; width:100%;}
    .links{margin-top:25px;}
    .links ul{margin-top:15px;}
    .header, .header.sticky{height:65px;}
    .mainMenu{width:75%;}
    .bannerText{padding: 25px 25px;}
    .banner > .row{top: -90px;}
    .bannerText p{line-height: 24px;}
    .bannerText h1 {    font-size: 28px;    line-height: normal;    margin: 18px 0px;}
    .detailItem{width: 100%;}
    .contactDetails{border: 0px;}
    .detailItem{border-width: 0px 0px 1px 0px; padding:20px 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .detailItem:nth-child(3){border-bottom: 1px solid #e2e2e2}
    .detailItem .icon{margin:unset;}
    .detPt {    width:70%;    text-align: left;}
    .contactForm button{width: 100% !important;}
    .locationMap iframe{height: 250px;}
/*    .heading h2{font-size: 24px; font-weight: 500;}*/
    .padd60{padding:40px 0px;}
    .lifeSide{margin-top:30px;}
    .sideImg{margin-bottom: 1.5rem;}
    .bhopalCount .counters .item {    width: calc(50% - 20px);}
    ul.ketLists li{width: 100%;}
    .uniImage{height: 310px;}
    .banner > div.container{top: -60px;}
    .studyText p{line-height: 22px; font-size: 16px;}
    .studyText{margin-bottom: 20px;}
    .counters{justify-content: center;}
    .counters .item{width: 45%;}
    .counters .item > div{line-height: 45px;}
    .allCourses .owl-nav button{margin: 20px 5px 0px; position: absolute; background: #fff !important; border-color: #fff !important;}
    .allCourses .owl-nav button.owl-prev{left: 0;    top: 16%;}
    .allCourses .owl-nav button.owl-next{right: 0;    top: 16%;}
    .news .heading + br{display: none;}
    .brandLogo a img{height: 45px;}
    .brandLogo{padding: 10px 15px;}
    .whyUs{background: transparent;}
    .whyUs .titleBlock{background: #163269; padding-bottom: 80px;}
    .whyUs .container{padding: 0px;}
    .whyUs .container .titleBlock button{display: none !important;}
    .whySlide{margin: -50px auto 82px;}
    .whySlide .owl-nav{}
    .mobileCertificate{display: block;}
    .cetficates{display: none;}
    .newsItem .newsImg img{height:230px !important;}
    .newsItem .newsImg img.centerImg{height:230px !important;}
    .courses .heading{text-align: center;}
    .courses .heading button{display:none;}
    .courseText h4{font-size: 18px;}
    .banForm .form-group{width: 100%;}
    .copyRight {padding: 30px 20px;}
    .shortDesc p{padding-right: 0px;}
    .clgText{margin-top:20px;}
    .faqsLay .accordion-item .accordion-button{line-height: normal; font-size: 15px;}
    #flush-collapseF .accordion-body .faqsLay .accordion-item .accordion-body{padding:10px 0px 25px !important}
    .innerPage h2{font-size: 20px;}
    .clntlg{width: 35%;}
    .collabLogo img{height: 35px;}
    .curriculum  li.list-group-item span{display: block; margin-left: 10px;}
    .detailItem .detPt p{line-height: 22px;}
    .whySlide  .owl-nav button{border: 2px solid #222 !important}
    .whySlide  .owl-nav button svg path{fill: #222;}
    .certificateSlide .owl-item{min-height: 75px;}
}