$c-primary:#fff;
$c-secondary:#000b22;
$c-tertiary:#e5097f;

//RGBA
@mixin rgba($type, $color, $percentage, $shade: ligthen) {
  @if $shade == lighten {
    @if $type == color {
      color: solid-lighten($color, $percentage);
      color: rgba($color, $percentage);
    }
    @if $type == bg {
      background-color: solid-lighten($color, $percentage);
      background-color: rgba($color, $percentage);
    }
  }
  @else {
     @if $type == color {
      color: solid-darken($color, $percentage);
      color: rgba($color, $percentage);
    }
    @if $type == bg {
      background-color: solid-darken($color, $percentage);
      background-color: rgba($color, $percentage);
    }
  }
}
@mixin boxes($width, $height) {
  width: $width;
  height: $height;            
}
//End RGBA
@mixin s1920() {
  nav li{
    margin-left: rem(14);
  }
  .sec--links{
    li{
      margin: rem(0) rem(-3);
    }
  } 
  .campus--tour{
    .tour--button{
      padding: rem(9);
      h3{
        font-size: rem(20);
        padding-top: rem(14);
      }
    }
  }
}
@mixin s1600() {
 // #news-car
 .slider--area  {
  .slider--text{
    left: rem(226px);
  }  
}
.inner--slider{
  .container{
    min-height: rem(335);
  }
}
.untitled{
  &__slideContent{
    position: absolute;
    margin-top: 20vh;
    top: 10vh;
    left: 22%;
  }
}
#news-car {
  .slick-prev,.slick-next {
    top:8%;
    //z-index: -1;
  }
}
.abt--news  {
  span:nth-child(2){  
  font-size: 28px;
  }
}
  #news-car .slick-next {
    right: 37%;
  }
  #news-car::after {      
      height: 37.3vh; 
  }

  .isc--life{

    .isc--life-item{        
        .isc--life-itemtarget{
            //background: $c-primary;
            min-height: rem(440);
        }
      }
    } 

  .footer--right{
    .row:first-child>{
      div{
        min-height: rem(200);
        margin-bottom: rem(40);
      }
    }
  }
}
@mixin ls_common(){
  .uty-left{    
    padding-top: percentage(.05);
  }
  .courses{
    p{
      min-height: rem(120);
    }
    .crs--spec{
      br{
        display: none;
      }
    }
  }
}
@mixin  s1440() {
  #news-car {
  
    .slick-prev, .slick-next{
      top: 12%;
    }
    .slick-next{
      right: 35%;
    }
   
  }
  #news-car{
    padding-top: 45px;
    &::after {
      height: 22.3vh;
    }
    .slick-next {
      right: 71.3% !important;
      top: 14% !important;
      width: 45px;
      height: 47px;
    }
    .slick-prev {
      left: 20%;
      top: 14% !important;
      width: 45px;
      height: 47px;
    }
    .slick-dots{
      right: -207px;
    }

  }
  .slick-dots {    
    bottom: 16px;
  }
  .slider--area{
    .slider--text{
      left: rem(145);
    }
  }
  .abt--news{
    p{
      font-size: rem(13);
      margin-bottom: 10px;
    }
    span:nth-child(2) {
      font-size: rem(18);
      }
    h2{
      font-size: rem(36);
    }
    
  }
  .isc--life{
    .isc--life-item {
      .isc--life-itemtarget {
        min-height: 420px;
      }
    }
  } 
  .about--isc{
    background-position-x: percentage(-.60);
  }
  .footer--left{    
    span{
      display: inline;
      margin: rem(0) rem(4) !important;
      font-size: rem(15) !important;      
        }    
  }

  .footer--right{
    .row:first-child>{
      div{
        min-height: rem(200);
        margin-bottom: rem(40);
      }
    }
  }
  //
    #inr--sec-1 {
      > :after {        
        left: -10%;       
      }  
    }
}
@mixin s1366x768(){
  .sec--links{
    li{
      font-size: rem(13);
    }
  } 
  nav{
    li{
      margin-left:rem(4);
    }
    a{
      font-size: rem(16);
    }
  }
  .slider--area {
    background-size: cover;
    height: rem(425);
    .untitled__slideContent {
      position: absolute;
      margin-top: 13vh;
      top: 3vh;
      left: 32%;
      width: 50%;
      text-align: left;
        span{
          line-height: 71px;
        }
      }
  }
  .slider--text{
    left: rem(105) !important;
  }
 
  .abt--news{
    margin-top: -26vh;
    .abt--news-left {
      .abt--news-left-cont{
        margin-top: 32px;
      }
    }
  }
  #news-car::after {
    height: 24.2vh;
  }
  #news-car{
    padding-top: 80px;
     .abt--news-left{
       padding-top: rem(34);
     }
     .slick-prev {
      left: 20%;
      top: 20% !important;
      width: 45px;
      height: 26px;
    }
    .slick-next {
      right: 70.8% !important;
      top: 20% !important;
      width: 45px;
      height: 26px;
    }
    .slick-dots {
      bottom: 7px !important;
      right:-183px;
    }
    img{
      margin-top: rem(30);
    }
  }
  .Quick--enquiry{
    top:18vh;
  }
  .campus--tour {
    .tour--button {
      h3{
        font-size: rem(20);
      }
    }
  }
  .about--isc{
    background-position-x: percentage(-.86);
  }
  .footer--left{
    span {
        font-size: 12px !important;
    }
  }
  .footer--right{
    .row:first-child>{
      div{
        min-height: rem(200);
        margin-bottom: rem(40);
        div{
          font-size: 14px;
        }
      }
    }
    i{
      margin-right: rem(5);
    } 
    span{
      font-size: rem(14);
    }
  }
  #inr--sec-1 {
    > :after {        
      left: -13%;       
    }  
  }
  .inner--slider-1{
    .container{
      min-height: rem(141);
    }
  }
  /**/
  .inner--slider{  
    &:after{
        height:percentage($number: 1);
    } 
  }
  .vision-mission{
    background-position-x: -85%;
  }
}

@mixin s1280x800(){
  .abt--news{
    p {
      font-size: 13px;
    }
    h2 {
      font-size: rem(28);
     }
     .abt--news-left{
      .abt--news-left-cont{
        margin-top: 50px;
        padding: 28px 20px;
      }
     } 
  } 
  
  .untitled__slideContent {
    top:0;
  }
  #news-car::after {
    height: 22.5vh !important;
  }
  #news-car{
    padding-top: 80px;
    .slick-next {
      right: 34%;
    }
  } 
  .about--isc {
    background-position-x: percentage(-1.45);
  }
  .vision-mission {
    background-position-x: -116%;
  }
  /*Testimonial*/
  .testimonial{
    p{
      min-height: rem(370);
    }
  }
  
}

@mixin s720x1280() {
  .slider--text {
    left: rem(64) !important;
  }
  .abt--news {
    //margin-top: rem(0);
  }
  #news-car{
    &::after {
      height: 18vh;
    }
    .slick-prev {
      left: 19.6%;
    }
  }
  
  .footer--right{
    .row:first-child>{
      div{
        min-height: rem(225);
        margin-bottom: rem(40);
      }
    } 
  }  
  // .exp--collapse-area{
  //   position: fixed;
  //   z-index: 120;
  //   left: -15px;
  //   #l-links{
  //       display: none;
  //       }
  // } 
}

@mixin tab--screens-p() {
  .tab-half-adjust{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tab-full-adjust{
    flex: 0 0 100%;
    max-width: 100%;
  }
  #top-menus,nav{
    display: none;
  }
  .toggle--btn{
    display: block;
    top: 3%;
    right: rem(32);
  }
  .toggle--menu {
    top: 7%;
    border-top: rem(2) solid $c-secondary;
  }
  
  .slider--area {
    background-size: cover;
    max-height: rem(229);
    height: rem(229);
    .slider--text{
      top: rem(76);
      left: rem(25) !important;
      padding: rem(20);
      min-height: auto;
      min-width: 376px;
      h1{
        font-size: rem(33);
        br:nth-child(2){
          display: none;
        }
      }
    }
    span{
      font-size: 5vmin !important;
    }
    .untitled__slideContent {      
      margin-top: 9vh;
      span{
        line-height: rem(40);
      }
    }
  }
  .untitled{
    &__slideContent{
      margin-top: 4vh;
      span {        
        font-size: 6vmin;
      }
    }
    &__slideBg{
      background-size: contain;
      height: 23vh;
    }
  }
  .isc--life {
    .isc--life-item{
      .isc--life-itemtarget {
        min-height: rem(526) !important;
        margin-bottom:rem(20) !important; 
        .isc--life-more {          
          bottom: 1rem;          
        }         
      }
    }
    .isc--life-right p {
      margin: 2.75rem 0rem 1.25rem 0.9375rem;      
    }
  }
  #news-car{
    padding-top: rem(0);
    .slick-next {
      right: 67% !important;
    }
  }
  #news-car{
    margin-top: -20px;
    .slick-prev, .slick-next {
      top: 29% !important;
    }
    .slick-prev {
      left: 20%;
    }
    img{
      margin-top: 23%;
      width: 90%;
    }
    .slick-dots{
      right: -148px;
      bottom: 12px !important;
    }
  } 
  .abt--news {
    margin-top: 0vh;
    .abt--news-left{
      .abt--news-left-cont {        
        -webkit-border-top-right-radius: 0px; 
        -moz-border-radius-topright: 0px;
         border-top-right-radius: 0px;        
      }
    }
  }
  
  .sm--abt-news{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .imp--features{
    .tab-content {
      padding-bottom:rem(20);
        img {
          -webkit-border-bottom-right-radius: rem(75);
          -moz-border-radius-bottomright: rem(75);
          border-bottom-right-radius: rem(75);        
        }
       
          
      
    }
    .nav-tabs {
      .nav-item {        
        font-size: 16px;
      }
    }
  }
  
  .row--btm-offset{
    margin-bottom: 20px;
  }
  .h--adj-1{
    max-height: rem(431);
    overflow: hidden;
  }

  .trenting--ISC {
    padding-top: rem(0);
  }
  
  .footer--right{
    .row:first-child>{
      div{
        min-height: rem(210);
        margin-bottom: rem(40);
      }
    }
    i{
      margin-right: rem(2);
    } 
  }
  //inner-pages
  .alumni--filter{
    input,select{
        margin-bottom: rem(10);
    }
  } 
  //left--links-
  #l--link-btn{
    span{
        display: block;          
    }
  }
  #l-links{
    display: none;
    position: absolute;  
    //margin-top:rem(22) !important;
    margin-left: rem(20) !important;   
    padding-left:rem(16);   
    width: rem(245);
    z-index: 10;  
    //@include rgba(bg, #fff, .87);

  }
  
  /*.exp--collapse-area{
    position: fixed;
    z-index: 120;
    left: -15px;
    
    #l-links{
        display: none;
        }
  }*/ 
  //programs
  .course p {
    height: 100px;    
  }
  #l--link-btn {
    z-index: 110;
    position: fixed;
    top: 400px;    
    left: -20px;
    top: -12px;
  }
  .back-to-top {
    :hover{
      background: $c-tertiary;
    }
  }
  .footer--right{
    .row:first-child > div{
      div {
        bottom: rem(32);
      }
    }
  }
  #inr--sec-1 {
    > :after {        
      display: none;     
    }  
  }
  /*Admissions*/
  .vision-mission {
    background-position-x: -370%;
  }
  /*Application Form*/
  #apply-now{
    .tab-content{
      .ofset-top{
        margin-top: rem(0);
      }
    }
  }
  /**/
  .col-course{
    max-width:percentage(.33) !important;
  }
}
@mixin tab--screens-l() {
  .toggle--btn{
    display: none;
  }
  header {
    .first--links,.sec--links{
      //text-align: center;
     
      li{
        font-size: 12px;
      }
    }  
    // .sec--links{     
    //   li{
    //     padding: rem(5) 2.85%;
    //   }
    // }
  } 
  #top-menus ,nav{
    display: flex;
  } 
  nav{
   
    li{
      margin-left:rem(5);
    }
  }
  .slider--area {
    background-size: cover;
    max-height: rem(306);
    height: rem(306);
    .slider--text{
      top: rem(100);
      left: rem(350);
      min-height: auto;
      min-width: 376px;
      h1{
        font-size: rem(33);
        br:nth-child(2){
          display: none;
        }
      }
    }
  }
  .untitled{
    &__slideContent{
      margin-top:18vh;
      span {        
        font-size: 6.5vmin;
      }
    }
    &__slideBg{
      background-size: cover;
      height: 40vh;
    }
  }

  #news-car::after {
    height: rem(365);
  }
  #news-car {
    .slick-prev {
      top: 32% !important;
    }
   .slick-next {
      right: 71% !important;
      top: 32% !important;
    }
    p{
      margin-top: 20px;
    }
  }

  .isc--life {
    .isc--life-item{
      .isc--life-itemtarget {
        min-height: rem(630) !important;
        margin-bottom: rem(17) !important;
      }
    }
  
  }
  .education--portfolio  {
    img{
      width: 20%;
    }
    
    }
    /**/
  .about--isc {
    background-position-x: percentage($number: -1.32);
  }
  /**/
  .footer--right{
    i{      
      margin-right: rem(10);
    }
    span{
      font-size: rem(16);
    }
    .row:first-child>{
      div{
        min-height: rem(280);
        margin-bottom: rem(40);
        div{
          font-size: rem(12);
        }
      }
    }
  }
  .trenting--ISC{
    padding-top: rem(0);
  }
  .h--adj-1{
    max-height: rem(346);
    overflow: hidden;
  }
  //inner pages
  .inner--slider{
    background-size: 175%;
  }
  .alumni--filter{
    input,select{
        margin-bottom: rem(10);
    }
  }
  #l--link-btn{
    display: none;
    top: 223px;
    left: 0px;
    
  }
  #l-links{
    display: block !important;
  }
  // #l-links{
  //   display: block !important;
  //   position: relative;
  // }
  #l-links{
    width: initial;
    margin-left: rem(0); 
  }
  //programs
  .course p {
    height: 100px;    
  }  

}
@mixin s640x960() {
  
  .toggle--btn {
    display: block;
    right: percentage(.09);
    top: percentage(.03);
  }
  .slider--area {
    height: rem(202);
  }
  .footer--left {
    //text-align: left;
  }
  .footer--right {

    //text-align: left;

  }

  //inner pages

  .inner--slider{
    background-size: 175%;
  }
  .alumni--filter{
    input,select{
        margin-bottom: rem(10);
    }
  } 
  .exp--collapse-area{
    position: fixed;
    z-index: 120;
    left: -15px;
    #l-links{
        display: none;
        }
  } 
  .s--no-gutters{
    margin: rem(0) !important;
    padding: rem(0);
  }
    //left--links-
    #l--link-btn{
      span{
          display: block;          
      }
    }
    #l-links{
      //display: none;
      position: absolute;  
      margin-top:rem(22) !important;
      margin-left: rem(40) !important;      
      width: rem(245);
      z-index: 10;  
      @include rgba(bg, #fff, .87);

    }
    .exp--collapse-area{
      position: fixed;
      z-index: 120;
      left: -15px;
      #l-links{
          display: none;
          }
    } 
    .s--no-gutters{
      margin: rem(0) !important;
      padding: rem(0);
    }
    .back-to-top {
      :hover{
        background: $c-tertiary;
      }
    }
    /*Application Form*/
    #apply-now{
      .tab-content{
        .ofset-top{
          margin-top: rem(0);
        }
      }
    }
    .courses{
      .col-course{
        max-width:percentage(1) !important;
      }
    }
}
@mixin small--screens() {
  .no--d-m{
    display: none !important;
  }
  h2{
    font-size: rem(24);
    img{
      width: percentage($number: .35);
    }
  }
  .no-padding-sm{
    padding:0px !important;
  }
  .logo{
    text-align: center;
    img{
    width: 50%;
    margin-top: 10px;
    }
  }
   #top-menus,nav{
     display: none;
   }
   .toggle--menu{
    display: none;
    top:9%;
  }
   .toggle--btn{
    display: block;
    top:3%;
  }
   .slider--area {
    //position: relative;
    background-size: cover;
    //max-height: 50vh;
    height: 75vh !important;
    background:$c-secondary;
    z-index: -1;
    .slider--text{
    position: absolute;
    top: rem(38);   
    left: percentage(.35);
    min-width: rem(283);
    //min-height:auto;
    padding: rem(8) rem(10);
        h1{
          font-size: rem(25);
          br:nth-child(2){
            display: none;
          }
        }
      }   
    }
    /*Slider*/
$t: 2.5s;
$e1: cubic-bezier(0.8, 0.00, 0.1, 1);
$e2: cubic-bezier(0.600, 0.040, 0.980, 0.335);
$er: linear;

//$color: hsl(15,75%,40%);
$color: hsla(0, 0%, 100%, 0.4);
$font: 'Exo', sans-serif;
$slides: 3;
    $images1: url(../images/slide-1-M.jpg)     
    url(../images/slide-2-M.jpg) 
    url(../images/slide-3-M.jpg) ;    
    
    .untitled{
      &__slideContent{
        margin-top:rem(20) !important;
        top:rem(36) !important;
        span {        
          font-size: 6.5vmin !important;
          line-height: rem(40) !important;
          letter-spacing: 1px;
        }
      }
      /*slide*/
      &__slide{
        @for $i from 1 through $slides{
          &:nth-child(#{$i}){ 
            animation-delay: $t * ($i - 1) * 2;
            .untitled__slideBg{
              background-image: nth($images1, $i);
              height: 75vh !important;
            }
          }	
        }
      }
      /**/
      &__slideBg{
        background-size: cover;
        height: 20vh !important;
      }
      
    }
.accr--logo-slider{
.slick-track{
  .slick-slide{    
    div{
     width: 80%;
     margin: auto;
      div{
        
      }
    }
  }
}
}


    #news-car {
      .slick-prev,.slick-next {
        top: 5%;
        width: rem(25);
        height: rem(25);
      }
      .slick-next {
        right: 3%;
      }
      .slick-prev {
        left: 86%;
      }
      p{
        padding-top: rem(10) !important;
        padding-bottom: rem(25) !important;
      }
      img{
        margin-top: rem(15);
      }

    }

  .inner--slider {
        background-size: cover !important;
        height: 45vh;
        background-position-x: 50%;
        p{
          font-size: rem(16);
          padding-right: rem(30);
        }
        &:after{
          height:percentage($number: 1);
        }
      }
  .vision-mission{
    background-image: none;
  }
  .abt--news {    
    margin-top: 0vh;
    span{
      width: 13%;      
    }
    span:first-child{ 
      border: rem(1) solid #fff;
      border-bottom: 0px;
    }
    p{
      padding-top: rem(0) !important;
    }  
  }
  .about--isc{
    background-size: cover;
    background-position-x: 0px;
  }
  .about--bg{
    background: rgba($color: $c-primary, $alpha: .85);
    padding-top: 28px;
  }
  section~section,section~footer{
    padding-top: rem(0);
  }
  .imp--features{
    padding-top:rem(40) ;
    padding-bottom: rem(15);
    .feet--left{
      border-right: 0px;
      border-bottom: 1px dashed $c-primary;
      padding-bottom: 20px;
    }
    .container{
      position: relative;
    }
    h1{
      font-size: rem(32);
    }
    h2{
      font-size: rem(21);
    }
    h3{
      font-size: rem(20);
      font-weight: 300;
      //margin-bottom: rem(24);
      padding: 1% 4%;
    }
    p{
      font-size: rem(16);
      padding: 1% 4%;
      text-align: center;
    }
    br{
      display: none;
    }
    .s--heading {
      font-size: rem(44);
    }
    .tab-content {
      padding-bottom: rem(0);
      img{
        border-radius: rem(0);
        margin: percentage($number: .10) percentage($number: .04) percentage($number: 0);
      }
    }    
    .fe-tabs{
      position: absolute;
      top: 500;
      top:0;
      left: 0;
      right: 0;
      margin: auto;
    }
    .nav-tabs{
      .nav-link{
        border-radius: 0;
      }
      .nav-item{  
        font-size: rem(14);      
        .active{
          border: 0px;
          
          background: #e5097f;
          color: #fff;
          }
        
        .active::before{
          display: none;
        }
        /*.active::after{
          content: " ";
          width: 98%;
          height: 0.1875rem;
          background: #e5097f;
          position: absolute;
          top: rem(43);
          right: 1%;
        }*/
      }
    }
    /*Course-Spec*/
        
  }
  .al--slider {
    .slick-slide{
      img{
        width:85%;
      }
    } 
  }
  .uty--rr{
    .uty-left {
      padding-left: rem(32);
      }
    .sp--p {
      font-size: rem(16) !important;
    }
  }
  /*Courses*/
  .courses{
    padding: rem(15) rem(0);    
    .col-course{
        max-width:percentage(1) !important;
      }    
    h2{
      font-size: rem(40);
      margin: rem(0);
    }
    h3{
      font-size: rem(24);
    }
    p{
      min-height: auto;
    }
    .nav-link {     
      padding: 2px;      
    }
    .crs--spec{
      div:nth-child(2){
        br{
          display: none;
        }
      }
    }
    .container-fluid{
      width:100%;
      .accr--target{
        width:110%;
      }
    }
  }
  .testimonial {
    padding-bottom: 0px;
    .testimonial-reel{
      margin-bottom: 0rem !important;
      margin-top: 0rem;
      padding-top: 10px;
      .slick-dots{
         
      }
    }
  }
  /*ISC Life*/
  .isc--life {
    .isc--life-item {
      .isc--life-itemtarget {
        min-height: rem(580);
        margin-bottom: rem(20);
       .isc--life-more {          
          bottom: rem(32);          
        }
      }
    }
    .isc--life-right{
      p {
        margin: rem(30) rem(14);   
        text-align: center;     
      }
    } 
  }

  /*Accreditation Logo Slider*/
  .accr--logo-slider {
    margin-top: rem(0);
    padding: rem(20) rem(0);
    h2{
      font-size: rem(24);
      margin-bottom: rem(5);
    }
    .slick-dots{
      /*li{
        width: rem(20);
      }*/
      display: none !important;
    }
  }
  
  /*Campus tour*/
    .campus--tour {
      .tour--button {
        width: percentage(.70);
        height: rem(48);
        position: absolute;
        left: percentage($number: .15);
        bottom: rem(8);
        padding: rem(8);
        h3 {
          font-size: rem(18);
          font-weight: 200;
          width: percentage($number: .61);
        }
        a{
          height: rem(32);
          padding: rem(3);

        }
      }
    }
    .news--media{
      .news--media-title{
        height: auto;
        padding-top: rem(45);
      }
    }
    .con--sec {
      padding-right: 0;
      padding-left: rem(20);
    }
    .imp--dates{
      margin-top: 0px;
    }
    .Quick--enquiry{
      top: rem(290);
      padding: rem(5);
      button{
        letter-spacing:rem(1);
        padding: rem(1);
      }
      
    }
    .Quick--enquiry-taget{
      top: rem(196.5);
      left: percentage($number: .15);
      z-index: 150;
    }
    .trenting--ISC {
      padding-top:rem(0);
    }
    .education--portfolio{
      margin-top: rem(-32);
      .education--portfolio-title{
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
        padding-left: 39px;
        padding-right: 39px;
      }

    } 

    .footer--left {      
      text-align: left;
      padding: rem(0);
      padding-right: rem(0);     
      font-weight: 500;
      .footer--logo{
        text-align: left;
        padding-left:rem(40);
        span{
          text-align: left;
        }
        img{
          width:percentage($number: .45);
        }
        .tab-full-adjust:nth-child(2){
          display: none;
        }
        margin: 0rem -1.3rem;
        
      }
      .main--links{
        background:$c-secondary;
        li{
          text-align: left;
        }
      }
      a{
        color: $c-primary;
      }
    }
    .footer--right{
      text-align: left;
      padding-top: rem(15);
      padding-bottom: rem(15);
      .row:first-child>{
        div{
          div{
            right: rem(9);
            bottom: rem(16) !important;
          }
        }
        div.col-lg-3{
          display: none;
        }
      }
      address{
        min-height:rem(110) ;
      }
    }

      //inner pages
    .inner--slider{
      background-size: 175%;
      .container {
        min-height: rem(133);
        
      }
      h1{
        top: rem(150);
        font-size: rem(32);
      }
    }
    #inr--sec-1{
      padding-top: rem(21);
      padding-left:rem(25);
      padding-right:rem(25);
      /*.row{
        div{
          margin: rem(0) rem(20);
        }
      }*/   
      .row~.row{
        margin-bottom: rem(0);
      }  
      h2{
        font-size: rem(32);
      }
      > :after {
        display: none;
       } 
       .right-b,.left-b{
         border: none;
       }
       .right-img-b,.left-img-b{
         border-radius:rem(0) ;
       }
       .circle{
         margin-top: rem(48);
       }
       .left-b{
         margin-bottom: rem(45);
       } 
       /**/
       .adv-ico{
        width: percentage($number: .12);
        margin-right: rem(2);
        margin-bottom: rem(20);
      }
    }
    .alumni--filter{
      input,select{
          margin-bottom: rem(10);
      }
    } 
    #l--link-btn{
      position: fixed;
      //top: 100px;
      span{
          display: block;          
      }
    }
    #l-links{
      display: none;
      position: absolute;  
      margin-top:rem(22) !important;
      margin-left: rem(40) !important;      
      width: rem(245);
      z-index: 10; 
      position: fixed;
      z-index: 120;
      left: -15px; 
      top: rem(50);
      @include rgba(bg, #fff, .87);
    }
    // .exp--collapse-area{
      
    //   #l-links{
    //       display: none;
    //       }
    // } 
    .s--no-gutters{
      margin: rem(0) !important;
      padding: rem(0);
    }
    .footer--right h3 {
      text-align: left;
    }
     //programs
     .course {
      height: auto !important;
      margin-bottom: rem(25);
      .course--target{
        border-bottom:2px solid $c-secondary; 
      }
    } 
    //

    .ex--padding{
      padding-left: rem(20);
      padding-right: rem(20);
    }
    .back-to-top {
      :hover{
        background: $c-tertiary;
      }
    }  
    .course{
      .apply--now-btns{
      left: 218px;
      }
    }
    //courses
  
    //course-details
    #course-struct{
      th{
        padding: rem(0) rem(5);
      }
      .no-m-padding{
        padding: 0px;
      }
      .nav-tabs{
        .nav-item{
          width: percentage($number: .32);
          .nav-link{
            padding: rem(10) rem(5);
          }
        }
      }
    } 
    
    .small--btns {
      right: 0;
    }      
  }
  @mixin extra--small-screen() {
    
    h3{
      font-size: 21px;
    }
    h4{
      font-size: rem(20);
      margin-top: 15px;
    }   
    p{
      font-size: rem(13);
    }
    .toggle--btn{
      display: block;
      top:3%;
    }
    .toggle--menu{
      top: percentage(.09);
      li{
        margin: rem(0);
        padding: 5px 0px;
      }
      a{
        font-size: rem(21);
      }
      hr{
        margin: rem(8);
      }
    }
    .slider--area {
      height: 120vh !important;
      .slider--text{
        top: rem(45);
        left: percentage($number: .07) !important;
        min-width: rem(165);
        min-height: auto;
        padding: rem(5) rem(10);
        h1{
          font-size: rem(20);
          letter-spacing: rem(1);
        }
        }
      }
      .untitled{
        &__slideContent{
          margin-top:rem(20) !important;
          top: 40vh !important;
          width: 90% !important;
          left: 52% !important;
          span {        
            font-size: 8.5vmin !important;
            line-height: rem(40) !important;
            letter-spacing: 1px;
            text-shadow: 2px 0px 10px #000;
          }
        }
        &__slideBg{
          background-size: cover;
          height: 14vh;
         
        }
      }
    .abt--news{
      margin-top: -10vh;
      height: 15px;
        .col-lg-12{
          border-bottom: 1px dashed $c-tertiary;
          box-shadow: 0px 1px 0px $c-tertiary;
        }
        span {
          width: 100%;
        }
      /*.abt--news-left{
        background: $c-tertiary;
      }*/
      .abt--news-left{
        .abt--news-left-cont{
          padding: rem(16);
          border-right: 0rem;
          /*margin-top: 70px;*/
          position: absolute;
          top: -54vh;
          width: 100%;
          padding-top: rem(40);
        }
      }
    } 

    .accr--logo-slider{
      .slick-dots{
        li{
          width: rem(8);
        }
      }
    }

    #news-car{
      padding-top: 0rem;
      margin-top: -145px;
      height: -20vh;  
      height: 197px;
      
      .slick-prev,.slick-next{
        top: percentage($number:.9) !important;
      }
      .slick-prev {
        left: percentage($number: .79);
      }
      .slick-next {
        left: percentage($number: .86);
      }
      .col-4{
        padding-right: rem(0);
      }

    }
    #news-car::after {
      height: 55vh;

    }
      .inner--slider {
        background-size: cover !important;
      }
    .imp--features{
      img{
        width: percentage($number: .50);
      }
    }
    .slick-slide{
      img{
        width:percentage($number: 1);
      }
    }
      /**/

      /**/
      .isc--life {
        h5{
          font-size: rem(16);
        }
        .isc--life-item{
            padding-left: rem(8);
            padding-right: rem(8);
            .isc--life-itemtarget {
              min-height: rem(535);
              margin-bottom: 1.25rem;
          }
        }
      }
    /**/
    .campus--tour {
        .tour--button {
        width: percentage(.70);
        padding:rem(3);
        h3{
          font-size: rem(15);
          font-weight: 200;
          width: percentage(.50);
          line-height: rem(19);
          margin-left: rem(6);
          padding: rem(2);
        }
        a{
          width: percentage(.40);
          margin: rem(5) rem(5) 0 0;
        }
      }
    }
    /**/
    .imp--features{
      .tab-content{
        padding-top: rem(100);
      }
    }
    .about--isc{
      background-position-y: percentage(1) !important;
    }
    //inner--pages
    .alumni--filter{
      input,select{
          margin-bottom: rem(10);
      }
    } 
    .exp--collapse-area{
      position: fixed;
      z-index: 120;
      left: -15px;
      #l-links{
          display: none;
          }
    } 
    .s--no-gutters{
      margin: rem(0) !important;
      padding: rem(0);
    }
    .footer--left{
      .footer--logo{
        h4 { 
          font-size: rem(17);
        }
      }
      span {
        font-size: rem(10) !important;
      }
      .row{
        background:$c-secondary
      }
    }
    .footer--right{
      h3 {
        text-align: left;
      }
      p{
        text-align: left;
      }
      .row:first-child > div {        
        margin-bottom: rem(16);
        min-height: auto;
        padding-left: rem(35);
        div {          
          bottom: rem(32);
          text-align: left;
        }
      }
      span{
        font-size: rem(12);
        text-align: left;
        display: block;
      }
    }
    //
    .ex--padding{
      padding-left: rem(30);
      padding-right: rem(30);
    }

    .back-to-top {
      :hover{
        background: $c-tertiary;
      }
    }
    //courses
    .course {
      .course--target{
        border-bottom:2px solid $c-secondary; 
      }
    }
    .course{
      .apply--now-btns{
      left: 163px;
      }
    }
    #inr--sec-1{ 
      h2{
        font-size: rem(32);
      }
    }
     /*Application Form*/
    #apply-now{
      .tab-content{
        .ofset-top{
          margin-top: rem(0);
        }
      }
     .nav-tabs {
        .nav-item{
          width:100%;
        }
      }
      .form-full-w{
        width:450%;        
      }
    }
    .uty-sec{
      padding-top: 20px;
      .uty--p-logo{
        text-align: center;
        img{
          width: 60% !important;
          margin-bottom: 15px;
        }
      }
    }
    #ContactForm{
      margin-top: 10px;
    }

  }