﻿
/* For mobile phones: */
@media (max-width: 767px) {
.navbar-default .navbar-toggle .icon-bar {background-color: #224f9e !important;}
.navbar-default .navbar-toggle { border: none !important;  }
.navbar-toggle .icon-bar {display: block;width: 24px !important;height: 4px !important;border-radius: 0px !important;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent !important;}
.carousel-img, .carousel-inner .carousel-caption { width: 100%; margin-right: 0px; margin-left: 0px; padding: 0px;}
#explore-content .carousel-control, #explore-content #carousel-example-generic1 .carousel-control, #explore-content .testimonials .carousel-control{ top: auto; bottom: 0px; }
#explore-content #carousel-example-generic1, #explore-content div#carousel-example-generic3 { padding: 25px 0px; }
.testimonials { height: auto; }
#explore-content a.right.carousel-control{left: 40px;}
#explore-content a.left.carousel-control{left: 0vw;}
#explore-content #carousel-example-generic1 a.left.carousel-control, #explore-content .testimonials a.left.carousel-control {left: 45vw; margin-left: -15vw; }
#explore-content #carousel-example-generic1 a.right.carousel-control, #explore-content .testimonials a.right.carousel-control { left: 45vw; }
.carousel-inner .carousel-caption p { width: 100%; height: auto; }
#explore-content #carousel-example-generic1 hr {margin-bottom: 50px; }
#explore-content div#carousel-example-generic3 {margin-top: 4rem;}
.testimonials .carousel-inner .carousel-caption {    width: 100%;height: auto; border-radius: 0; display: inline-block; float: none; padding: 20px 20px 65px; ackground-image: none; background-color: #f8cf00;}
.footer-bg .map_link{ width: 15%;}
.contact_us {     width: 75%; }
.contact_us .address, .contact_us .phone, .contact_us .email  { width: 100%;}
.jumbtron-bg .top-nav .navbar-nav>li>a, .header-all .top-nav .navbar-nav>li>a { text-align: left; }
.jumbtron-bg .navbar-right.top-nav, .header-all .navbar-right.top-nav {position: relative;}
.partnerCombine h2 { margin:10px 0px; line-height: 30px; }
.firstPara {margin-left: 0px;width: 100%;margin-top: 0px;margin-bottom: 40px;float: left;}
.upWard, .downward { width: 100%; padding: 20px;}
.mission_div p { margin-bottom: 20px;}
.overlaping_div {width: 100%;padding: 20px 10px;float: left;margin-left: 0px;margin-bottom: 20px;margin-top: 10px;text-align: left;font-size: 15px;}
img.mission_image {max-width: 100%;}
.aboutpanel .breadcrumb { margin: 10px;}
.add_enquiry .col-md-8 {margin-top: 10px;margin-left: 0px;margin-bottom: 20px;}
.add_enquiry {margin: 0px 0px 0px; }
.title {    margin: 20px 0px 20px 15px;float: left;width: 80%;}
.allPagePadd { padding: 0 !important;}
.title h1 { margin: 0px; font-size: 25px;}
.logo_link img {float: none;display: inline-block;margin:0px;}
.event_name { width: 100%; }
.contact_form { width: 100%; padding: 0px; }
div#carousel-example-generic1 .carousel-inner .carousel-caption {width: 100%; padding:0px;}
.heading { width: 100%;  }
.carousel-inner .carousel-caption .testi_content p {  }
.carousel-caption .testi_content {width: 100%;margin:0px;}
.submit_adm { width: 100%;}
.PYP h2 { padding: 0px; }
.explore-ascend .admi p { font-size: 18px !important;}
.explore-ascend .heading { line-height: 35px;  }
.navbar-header.navbar-left {position: absolute;overflow: visible;z-index: 9999;width: 100%;margin-top: 27px;}
.aDayLife_text {     width: 100% !important;margin: 20px 0px;padding: 20px 30px; }
.jumbtron-bg .logo, .header-all .logo {width: 100%;}
span.event_upname { font-size: 14px;}
span.event_updt{ line-height: 25px;}
.rowUp{ margin-bottom: 10px;}
.jumbtron-bg .logo img, .header-all .logo img {width: 60%;z-index: 1000000;position: relative;}
#explore-content .paddtbClass {padding-top: 0px; padding-left:0px; padding-right: 0px; float: left;width: 100%;padding-bottom: 0px;text-align: center;}
#explore-content #carousel-example-generic { padding-bottom: 60px; }
.img_right .col-md-7, .img_left .col-md-7 {margin-top: 10px;margin-right: 0px;margin-bottom: 20px;margin-left: 0px;padding: 0px;}
.breadcrumb hr { width: 50px;}
.aboutpanel .breadcrumb>.active, .aboutpanel .breadcrumb a { font-size: 12px; }
.img_right .col-md-4, .img_left .col-md-4 {margin-bottom: 20px;}
.leadership {text-align: center; width: 100%; float: left;}
hr.brLineRt { margin-top: 365px; }
.teamTxt { max-width: 100%;     margin: 10px 0px 20px; text-align: left; float: none;}
.teamImg { margin-right: 0px;     max-width: 100%;
    margin-left: 0px;     margin-top: 20px;  float: none;}
.eventDiv { height: auto;  padding: 20px 0px !important;}
#explore-content .paddtbClass h2.heading, .carousel-inner .carousel-caption h2 { font-size: 30px !important;  }
.carousel-inner .carousel-caption h2 { margin-top: 0px !important; }
.img_right, .img_left {float: left;width: 100%;margin-bottom: 50px;border-bottom: 1px solid #df5f41;padding-bottom: 10px;}
h2{ font-size: 22px !important; }
h3 { font-size: 16px !important;  }
p {font-size: 14px !important;  }
#explore-content .paddtbClass h2.heading{width: 100%;font-size: 22px;line-height: 35px;height: auto;margin: 10px 0px 20px;text-align: left;}
 .admi {margin: 0px 0px 20px 0px;float: none;display: inline-block;text-align: left;padding: 20px 30px 10px 35px;height: auto;}
.map_link {float: left;margin-right: 0px;margin-left: 0px;}
.logo_link {margin: 0px;text-align: center; width: 100%;}
    .admi h3 {margin: 0px 0px 20px;}
    #carousel-example-generic1 h2, #carousel-example-generic1 p { text-align: left;}
    #carousel-example-generic1 .carousel-caption { margin:0px; }
    #carousel-example-generic1 ul li { margin: 0px 0px 10px 0px; line-height: 30px; font-size: 15px; }
    #carousel-example-generic1 .slide-img { margin:10px 0px; float: none;display: inline-block; }
    .eventDiv div.col-sm-4, .eventDiv div.col-sm-5  {padding-right: 0px !important;padding-left: 0px !important;}
    .eventDiv div.col-sm-5 h3, .eventDiv div.col-sm-4 h3{font-weight: bolder; border-bottom: 0.5px solid #ccc; border-bottom-style: solid;line-height: 45px;}
    #explore-content .eventDiv .download_aca_cal {position: relative;margin: 30px 0px;float: left;}
    ul.footer-nav li:last-child {border-bottom: none;}
    section#footer-bg, .footer-bg { padding: 20px 0px !important; margin: 30px 0px 0px; }
    ul.footer-nav li {float: left;width: 100%;border-bottom: 1px solid #ccc;padding: 20px 15px 20px;}
    ul.footer-nav li:last-child {border-bottom: none;}
    ul.footer-nav li ul.foot-nav li a {font-size: 15px;}
    ul.footer-nav li ul.foot-nav li { border: none;padding: 0px 8px;width: 50%;}
    .social_section { position: relative; float: left; width: 100%; }
    .social_section .facebook_div { padding: 20px; margin:20px 0px; height: auto; }
    .facebook_div span.span1 { font-size: 14px;  }
    .latest_buzz h2 { margin-bottom: 20px; }
    #explore-content .latest_buzz .paddtbClass {padding: 0px 15px;text-align: left; margin: 20px 0px;}
    .latest_buzz h3 { font-size: 15px !important; line-height: 24px; }
    .line_span {     width: 40px; }
    .latest_buzz .col-md-6, .col-md-6.buzzpadd { padding: 0px; }
    .social_section .col-md-4{ padding: 0px; }
    .explore-ascend { margin-bottom: 25px;}
    img.right_i, img.left_i, .middle { display: inline-block !important; height: auto !important; margin: 0px 0px 20px !important;}
    .brLineLt, .brLineRt {width: 100%; border-top: 1px solid rgb(255, 87, 34);}
    h3.headingH3{margin-bottom: 0px; margin-top: 50px; width: 100%; float: left;}
    .partnerCombine { margin-top: 0px; margin-bottom: 30px; }
    .partnerCombine p { width: 100%; padding: 0px; }
    .partnerCombine .col-md-5, .partnerCombine .col-md-7 { padding: 0px; }
    .col-md-12 div.img_right:last-child { border: none; margin-bottom: 0px;}
    .visible-xs { float: left; width: 100%; }
    .displayN { display: none; }
    .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { width: 100%; display: inline-block; padding: 10px 15px;  }
    a.accordion-toggle { color: #fff !important; background-color: #3596d4;font-size: 14px;font-family: "Montserrat-Bold";}
    .panel-heading { padding: 0px !important; }
    .panel .col-md-7, .panel .col-md-4 {padding: 0px;}
    .PYP { float: left; width: 100%;}
    .PYP .col-md-7, .PYP .col-md-5 { padding: 0px; }
    .contact_msg.susscess_gr {     float: left; width: 100%; padding: 0px 15px;  }
    .calendar-page { padding: 20px 20px; margin-bottom: 10px;}
    .repaddright, .repaddleft { width: 100%; margin-left: 0px;  }
    .download_calender { float: left; }
    .calendar-page .dt { font-size: 52px; }
    .calendar-page .mt, .calendar-page .yr { margin-top: 10px; }
    .cal-img { margin: 20px 0px; float: left; }
    .col-md-5.cal-des { margin-left: 0px; float: left; padding: 0px; }
    .cal-heading { margin-bottom: 10px; }
    .add_enquiry, .orgHeading, .con .col-md-10 { float: left; width: 100%; }
    .tab-pane .col-md-4 {margin-top: 0px;float: left;}
    .PYP .col-md-12 {float: left; width: 100%;}
    .navbar-nav ul.dropdown-menu.mega-dropdown-menu {  min-width: 100%; border-top: 1px solid #fff; }
    .container123.specialities-menu{ width: 100%;  }
    #explore-content { z-index: 10; position: relative; }
    .fullscreen-bg__video, video#movie { height: auto; }
    .info, .pic:hover > .overlay {     width: 91%; }
    .campus-page .modal { padding-top: 50px; }
    .campus-page .mySlides iframe { height: 50vh;}
    .campus-page a.prev {left: 0px;font-size: 25px;}
    .campus-page a.next {right: 0px;font-size: 25px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media (max-width: 480px) {

}

@media only screen and (min-width : 320px) and (max-width : 480px) {
/* Styles */
}

@media only screen and (min-width : 1200px) and (max-width : 1210px) {
.container-fluid.allPagePadd {
    padding: 30px 0px !important;
}
.map_link { margin-left: 0px !important; }
}

@media only screen and (max-width : 350px) {
.footer-bg .contact_us {     width: 85%; }
.footer-bg .map_link {    margin:0px;}
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
        .campus_gal .col-md-4 {     width: 30.333333%;  }
        ul.footer-nav li.col-sm-5 { padding: 0px; }
        ul.dropdown-menu.mega-dropdown-menu.activeStr1 {min-width: 472px;}
        .carousel-inner .carousel-caption h2 { margin-top: 0px;}
        .col-md-4.carousel-img { float: left;width: 40%; }
        .carousel-inner .carousel-caption { width: 60%;margin: 0px 0px 0px 0px;float: left;}
        ul.dropdown-menu.mega-dropdown-menu.activeStr2 {min-width: 375px;}
        .navbar-left { display: none; }
        .jumbtron-bg .logo , .header-all .logo{ width: 200px;}
        .jumbtron-bg .top-nav .navbar-nav>li>a, .header-all .top-nav .navbar-nav>li>a { padding: 15px 15px;  font-size: 12px; }
        .admi { margin-top: 20px; }
        .paddtbClass {padding: 20px 0px;float: left;width: 100%;}
        .social_section {position: relative;width: 100%;float: left;}
        .twitter_div { display: none; }
        .social_section .col-md-4 {    vertical-align: top; margin-bottom: 0px;display: inline-block; width: 48%;}
        .social_section .instagram_div img {height: 295px;}
        .col-md-6.buzzpadd { padding-left: 15px; padding-right: 15px; }
        .heading { width: 100%; }
        section#footer-bg, .footer-bg { margin-top: 20px; padding: 50px 0px 0px; }
        h2 { font-size: 30px !important; }
        h3 { font-size: 22px !important; }
        #explore-content a.right.carousel-control{left: 28%;}
        #explore-content a.left.carousel-control{left: 22%;}
        #explore-content .carousel-control{ top: 255px;}
        #explore-content #carousel-example-generic1 .carousel-control{ bottom: 540px; }
        #explore-content #carousel-example-generic1 a.right.carousel-control{ right : 9%; }
        #explore-content .testimonials .carousel-control { top: 75%;}
        #explore-content .download_aca_cal {width: 30%;  }
        #explore-content #carousel-example-generic1 a.left.carousel-control {right: 15%;}
        #explore-content .testimonials a.left.carousel-control {right: 8%;}
        .rowUp {    margin-bottom: 0px;line-height: 18px;}
        .event_img img {width: 95%;}
        span.event_upname, .event_name { font-size: 16px; }
        /*span.event_updt, span.event_dt { font-size: 14px; }*/
        .eventDiv .col-sm-5 { width: 36%;}
        .download_aca_cal h2 {    font-size: 18px !important; }
    .download_aca_cal h3 {    font-size: 15px !important; }
     .upWard { padding: 10px 25px; width: 100%;  }
     .downward { width: 100%;  }
     #carousel-example-generic1 .carousel-caption { margin: 50px 0px 0px 0px; }
      div#carousel-example-generic1 .carousel-inner .carousel-caption { width: 50%;}
      .footer-bg { min-height: 270px; padding: 50px 0px 0px; }
      .map_link { width: 15%; margin: 0px 15px 0px -15px; display: none; }
      .contact_us {width: 86%; margin-right: -15px; }
      .address, .phone, .email  { font-size: 11px; width: 100%; }
      .footer-bg ul ul li { padding: 0px; }
      .footer-bg ul ul { margin-left: 20px; }
      ul.foot-nav li a { font-size: 12px;     padding: 15px 0px; }
      .logo_link { margin-right: 0px; float: right; margin-top: 30px; }
    img.right_i, img.left_i, .middle { display: inline-block !important; height: auto !important; margin: 0px 0px 20px !important;}
      .title {margin: 0px 0px 0px 0px;     float: left;width: 100%;}
      .teamTxt { width: 70%; }
      .add_enquiry {margin: 0px 0px 0px; }
      .add_enquiry .col-md-3 {     float: left; padding: 0px;  }
      .add_enquiry .col-md-9 {  margin: 30px 0px 0px 0px; float: left; width: 65%; padding: 0px; }
      .partnerCombine h2 { margin-left: -20px; }
      .partnerCombine p { padding: 0px; width: 100%; margin-bottom: 20px;  }
      .partnerCombine { margin-bottom: 20px; }
      .img_right .col-md-4 {width: 30%;float: right;margin-top: 35px;}
      .img_right .col-md-7 { width: 70%; float: left; margin: 0px;}
      .img_left .col-md-4 {width: 30%;float: left;margin-top: 35px;}
      .img_left .col-md-7 { width: 70%; float: left; margin: 0px;}
      .firstPara { margin-left: 0px; }
      .overlaping_div {  padding: 25px 30px;  margin-bottom: 30px;}
      .PYP .col-md-12 {float: left; width: 100%;}
      .aDayLife_text { margin: 50px 0px 0px 20px; width: 100% !important;}
      .PYP .col-md-7 {     float: left; width: 55%; }
      .PYP .col-md-5 {     float: left; width: 45%; }
      .carousel-inner .carousel-caption p { width: 100%; height: auto; }
      .add_enquiry .col-md-8 { margin-left: 0px; margin-bottom: 0px;     float: right; width: 65%;  }
      .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { width: 100%; display: inline-block; padding: 25px 15px;  }
    a.accordion-toggle { color: #fff !important; background-color: #3596d4;font-size: 18px;font-family: "Montserrat-Bold";}
    .panel-heading { padding: 0px !important; }
    .panel .col-md-7, .panel .col-md-4 {padding: 0px;}
    .PYP { float: left; width: 100%;}
    .PYP .col-md-7, .PYP .col-md-5 { padding: 0px; }
    .panel-group.responsive {float: left; width: 100%; margin-top: 50px;}
     .contact_msg {float: left; width: 100%; padding: 0px 15px;  }
     .displayN { display: none; }
     .panel-body .col-md-7 { float: left; width: 58.33333333%; margin-top: 20px; padding: 0px 15px;}
     .panel-body .col-md-4 { float: left; width: 33.33333333%; }
     .panel-body .col-md-3 { float: left; width: 33.33333333%; margin-top: 30px; }
     .pic { width: 45%; vertical-align: text-top;     margin-left: 15px; }
     .pic img { width: 315px; height: 352px;}
     .calendar-page { padding: 20px 20px; margin-bottom: 10px;}
    .repaddright, .repaddleft { width: 100%; margin-left: 0px;  }
    .download_calender { float: left; }
    .calendar-page .dt { font-size: 52px; }
    .calendar-page .mt, .calendar-page .yr { margin-top: 10px; }
    .cal-img { margin: 20px 0px; float: left; }
    .col-md-5.cal-des { margin-left: 10px; float: left; padding: 0px; }
    .cal-heading { margin-bottom: 10px; }
    .tab-pane .col-md-4 {margin-top: 0px;float: left;}



}


@media (min-width: 768px) and (max-width: 979px) {
 .container-fluid.allPagePadd .container {
    width: 100%;
}
}

@media (max-width: 979px) {

}

@media (min-width: 980px) {

}


@media (min-width: 1024px) and (max-width: 1199px) {
    #explore-content #carousel-example-generic1 .carousel-control {top: 62%;}
    #explore-content .download_aca_cal {width: 25%;}

    .heading { width: 335px; }
    .admi.blue1 { margin-left: 30px; }
    .admi { margin-left: 0px; }
    .partnerCombine h2 { margin-left: -20px; }
    .firstPara { margin-left: 0px; }
    .map_link {width: 18%;}
    ul.foot-nav li a { font-size: 13px; }
    .latest_buzz h3 { font-size: 14px !important; }
    .instagram_div img {width: 100%;height: 263px;}
    .twitter_div, .facebook_div { padding: 20px 30px 20px; height: 263px;}
    .facebook_div span.span1 { font-size: 14px;}
    .facebook_div p, .twitter_div p {line-height: 20px; font-size: 12px;}
    .social_section .col-md-4 {width: 33%; }

}

@media (min-width: 860px) and (max-width: 1024px) {
    .listcampus .smallclist,
    #explore-content .small {
        font-size: 41px
    }
    .listcampus .bigclist,
    #explore-content .big {
        font-size: 56px
    }
    .listcampus a {
        font-size: 20px
    }
    .listcampus .rightaw,
    #explore-content .nxt-arr,
    #explore-content .listcampus .rightaw,
    .listcampus #explore-content .rightaw {
        bottom: 14%
    }
    .footer-bg h6 {
        right: 0;
        margin-top: 0
    }
    .footer-bg {
        padding-bottom: 40px
    }
    .footer-panel .foot-trust img {
        padding: 10px 7px
    }
    .jumbtron-bg .navbar-nav>li>a,
    .header-all .navbar-nav>li>a {
        font-size: 17px
    }
    .jumbtron-bg {

    }

    #explore-content .alp-list {
        margin-left: 0;
        white-space: normal;
        line-height: 30px
    }
    .aboutpanel .noinstiute {
        padding-right: 7%
    }
    .aboutpanel .instlist h4 {
        font-size: 55px
    }
    .facilitiesslider p {
        padding-left: 30px
    }
    .facilitiesslider .sliderheading {
        padding-left: 20px
    }
    .campusprayer p {
        font-size: 14px;
        line-height: 19px
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .boxwid {
        width: 22.33% !important
    }

}

@media (min-width: 1600px){
.container {
    width: 1180px !important;
}
.firstPara {
    margin-left: -10%;
    width: 95%;
    }
}
