/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,600i,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');*/
@font-face {
    font-family: 'gasaltblack';
    src: url('../fonts/gasalt-black-webfont.woff2') format('woff2'),
         url('../fonts/gasalt-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0; padding: 0;
}
body{
    background:#FFFFFF; 
    /*font-family: 'Montserrat', sans-serif; */
   
    font-family: 'Verdana';
    /*font-size: 14px;*/
    color: #333333;
}
body.en-gb{
    font-size: 14px;
    line-height: 25px;
}
body.hi-in{
    font-size: 15px;
    line-height: 25px;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
    -webkit-box-sizing: border-box; box-sizing: border-box;
}
audio, canvas, video {
    display: inline-block; display: inline;
    /*zoom: 1;*/
}
audio:not([controls]) {
    display: none;
}
a {
    margin: 0; padding: 0; vertical-align: baseline; text-decoration: none; outline: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
a:focus, a:hover, a:active {
    outline: none;
}
/* HTML5 display-role reset for older browsers */

article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}
object, embed {
    max-width: 100%;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: ''; content: none;
}
img {
    width: auto; height: auto; max-width: 100%; vertical-align: middle; border: 0;
    -ms-interpolation-mode: bicubic;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted #000; cursor: help;
}
/* tables still need cellspacing="0" in the markup */

table {
    border-collapse: collapse; border-spacing: 0;
}
th {
    font-weight: 700; vertical-align: bottom;
}
td {
    font-weight: normal; vertical-align: top;
}
hr {
    display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;
}
small {
    font-size: 85%;
}
strong, th {
    font-weight: bold;
}
td, td img {
    vertical-align: top;
}
sub, sup {
    font-size: 75%; line-height: 0; position: relative;
}
sup {
    top: -0.2em; top: -0.3em; font-weight: normal;
}
sub {
    bottom: -0.25em;
}
#main{
    width: 100%; margin: 0 auto;
}
.clearfix{
    clear: both; 
}
.container{
    width: 100%;
    max-width: 93%;
    margin: 0 auto;
}
.top-nav{
    background: #e9e8e8; width: 100%; border-bottom: 1px solid #bdbdbd;   margin: 0; padding: 0; 
}
.nav-right{
    float: right;
}
.nav-right ul li{
    float: left;  border-left: 1px solid #bdbdbd; line-height: 38px;
}
.nav-right ul li:first-child{
    border-left: none;
}
.nav-right ul li a{
    font-size: 10px; color: #3d3d3d; vertical-align: middle; font-weight: 400; padding: 0 11px;
}
.nav-right .language-hindi{
    font-size: 12px; color: #000000; background: #fff; border-radius:3px; border: 1px solid #b4b4b5; margin: 0 0 0 11px; padding: 4px 10px;
}
.header-wrapper{
    padding:0
}
.logo{ 
    float:left; min-width: 605px; padding: 8px 0; font-size: 16px;
}
.logo a{
    color: #000000; font-family: 'Open Sans', sans-serif; line-height: 25px; text-transform: uppercase; font-weight: 700;
}
.logo a img{
    float: left; margin: 0 17px 0 0;
    height:125px;
}
.logo a strong{
    display: block;
}
.logo a span{
    display: block; font-weight: 700; font-size: 19px;
}
.header-wrapper .container{
    background: url(../images/flag_bg.png) no-repeat center right; 
}
.login-button{
    float:right; margin-top: 8%;
}
.login-button a{
    background: #3e3e3e; border: 1px solid #353535; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.31); display: block; color: #FFFFFF; font-size: 12px;  padding: 6px 15px;
    border-radius: 3px;
}
.nav-wrapper{
    background: url(../images/nav_bg.jpg) repeat-x left top; width: 100%; max-width: 93%; margin: 0 auto;
}


.menu-link1 {
    display: none;
}

.menu {
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu ul {
    padding: 0px; margin: 0px; list-style: none; position: relative; display: inline-table;
}

.menu > li > ul.sub-menu {
    min-width: 10em; padding: 4px 0; background-color: #f4f4f4; border: 1px solid #CCC;
}

.menu ul li {
    padding: 0px;
}

.menu > ul > li {
    display: inline-block;
}

.menu ul li a {
    display: block; text-decoration: none; color: #FFFFFF; font-size: 14px; font-weight: 500;
}

.menu ul li > a {
    /*height: 58px;*/
    /* padding: 10px 26px; border-bottom: 4px solid transparent; */
    padding: 10px 11px; border-bottom: 4px solid transparent;
}
.menu ul li > a.home-icon{
    padding-top:11px; padding-bottom: 6px;
}
.menu ul ul {
    display: none; 
    position: absolute; 
    /*top: 100%;*/ 
    min-width: 200px; 
    background-color: #f4f4f4; 
    border: 1px solid #CCC; 
    z-index: 9;
}

.menu ul li:hover > ul {
    display: block;
}

.menu ul ul > li {
    position: relative;
}

.menu ul ul > li a {
    padding: 5px 15px 5px 10px; height: auto; background-color: #f4f4f4; color: #000000;
}

.menu ul ul > li a:hover {
    background-color: #f2853f; color: #fff;
}

.menu ul ul ul {
    position: absolute; left: 100%; top: 0;
}
.menu ul li a.active, .menu a:hover{
    border-bottom: 4px solid #853d1c;
}

.menu ul li ul.sub-menu li a{
    border-bottom:none;
}

.blue-nav .menu ul li a.active, .blue-nav .menu a:hover{
    border-bottom: 4px solid #06374d
}
.blue-nav .menu ul ul > li a:hover {
    background-color: #63c1eb; color: #fff; border-bottom: 0px;
}

@media all and (max-width: 768px) {
    .example-header .container {
        width: 100%;
    }
    a.menu-link1 {
        display: block; color: #fff; background-color: #333; float: right; text-decoration: none; padding: 19px 10px;
    }
    .menu {
        clear: both; min-width: inherit; float: none;
    }
    .menu, .menu > ul ul {
        overflow: hidden; max-height: 0; background-color: #f4f4f4;
    }
    .menu > li > ul.sub-menu {
        padding: 0px; border: none;
    }
    .menu.active, .menu > ul ul.active {
        max-height: 55em;
    }
    .menu ul {
        display: inline;
    }
    .menu > ul {
        border-top: 1px solid #808080;
    }
    .menu li, .menu > ul > li {
        display: block;
    }
    .menu li a {
        color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative;
    }
    .menu li.has-submenu > a:after {
        content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 0.55em 0.5em;
    }
    .menu li.has-submenu > a.active:after {
        content: "-";
    }
    .menu ul ul > li a {
        background-color: #e4e4e4; padding: 19px 18px 19px 30px;
    }
    .menu ul ul, .menu ul ul ul {
        display: inherit; position: relative; left: auto; top: auto; border: none;
    }
}

.rslides {
  margin: 0 auto 40px;
}

#slider2, #slider3 {
  box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto;
}

.rslides_tabs {
  background: rgba(0,0,0,.25); box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); font-size: 18px; list-style: none; margin: 0 auto 50px; max-width: 540px; padding: 10px 0; text-align: center; width: 100%;
}

.rslides_tabs li {
  display: inline; float: none; margin-right: 1px;
}

.rslides_tabs a {
  width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline;
}

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1); color: #fff; font-weight: bold;
}

.events {
  list-style: none;
}

.callbacks_container {
  margin-bottom: 0px; position: relative; float: left; width: 100%;
}

.callbacks {
  position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;
}

.callbacks li {
  position: absolute; width: 100%; left: 0; top: 0; height:303px;
}

.callbacks img {
  display: block; position: relative; z-index: 1; height: 100%; width: 100%; border: 0; 
}

.callbacks .caption {
  display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none;
}

.callbacks_nav {
  position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 61%; left: 1%; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 20px; background: transparent url("../images/banner_nav.png") no-repeat left top; margin-top: -45px;
}

.callbacks_nav:active {
  opacity: 1.0;
}

.callbacks_nav.next {
  left: auto; background-position: right top; right: 1%;
}

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent; box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}
.main-content{
    margin:20px 0 0
}

.main-content ol li {
   margin-bottom: 10px;
}

.main-content ol {
           margin-top: 19px;
    margin-left: 15px;
    margin-bottom: 13px;
}


.main-content .left-content{
    width: 100%; max-width: 72%; float:left;
}
.main-content .right-content{
    width: 100%; max-width: 24%; float: right;
}
.responsive-tabs__heading {
    display: none;
}
.responsive-tabs__list__item {
    display: inline; cursor:pointer;
}

@media (max-width: 767px) {
    .responsive-tabs__list {
        display: none
    }
    .responsive-tabs__heading {
        display: block; cursor: pointer;
    }
    .responsive-tabs__panel--closed-accordion-only {
        display: none;
    }
}

@media (min-width: 768px) {
    .responsive-tabs__panel--closed-accordion-only {
        display: block !important;
    }
}

/* END - Required for core functionality */


/* OPTIONAL - Basic Skin */

.responsive-tabs-wrapper { 
    clear: both; zoom: 1; 
}
.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {
    content: ""; display: table;
} 
.responsive-tabs-wrapper:after {
    clear: both;
}

.responsive-tabs__heading:focus, .responsive-tabs__list__item:focus {
    /*outline: 1px solid #ccc;*/
}

.responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus {
    outline: none !important;
}
.responsive-tabs__list {
    font-size: 12px; margin: 0; padding: 0; padding-bottom:11px; font-weight: 500;
}
.responsive-tabs__list__item {
    background: #f2853f; padding: 10px 15px;  margin-right: 5px; border-radius: 5px; border: 1px solid #f2853f; color: #FFFFFF; font-weight: 600; font-size: 13px; display:block; margin-bottom:10px;float:left;
}
.responsive-tabs span{
    display:block;
}
.responsive-tabs__list__item--active{
    background: #ededed; color: #2b2b2b;
}

.bp{
    font-size:15px;
}

.responsive-tabs__panel {
    margin-bottom: 27px; background: #ededed; padding: 16px; border: 1px solid #f2853f; margin-top: -1px;
    clear:both;
}
.responsive-tabs__panel p{
    font-size: 12px; color: #505150; line-height: 19px;
}
.responsive-tabs__panel p{
    padding-bottom: 15px; 
}
.read-button{
    background: #f2853f; color: #FFFFFF; font-size: 13px; font-weight: 600; padding: 9px 10px; display: inline-block; line-height: 15px;
}
.blue-tab .read-button{
    background: #101c44;
}

@media (max-width: 767px) {
    .responsive-tabs__heading { 
        padding: 0.5em; border-radius: 5px; border: 1px solid #ccc; /*box-shadow: 0px 2px 3px rgba(0,0,0,0.4);*/ background: #ddd; position: relative; font-size: 13px; font-weight: 500; margin: 1% 0;
    }

    .responsive-tabs__heading:after {
        content:""; display: block; position: absolute; right: 20px; top: 40%;  width: 0; height: 0; border-left: 6px solid transparent;
        border-right: 6px solid transparent; border-top: 6px solid #f2853f; 
    }
    .responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover {
        background-color: #efefef
    }
    .responsive-tabs__heading--active {
        background: #fff;
    }
    .responsive-tabs__heading--active:after {
        border-bottom: 6px solid #f2853f;
        border-top:0;
     }
}
.list-intro .link-websites, .list-intro .skill-development {
    list-style: none; border: 1px solid #d2d0cf; border-radius: 3px; display: inline-block; width: 100%; max-width: 278px; margin: 0 1% 0 0; padding: 15px; vertical-align: top; min-height: 270px;
}
.list-intro .link-websites {
    margin-left: 0px;
}
.list-intro .skill-development {
       margin-right: -3px; margin-left: 1%;
}
.list-intro .monograph-panel{
    width: 100%; max-width: 256px; border:4px solid #f2853f; background: #e0e0e0; text-align: center; font-family: 'gasaltblack'; font-size: 33px; color: #303030; padding-bottom: 0px; display: inline-block; min-height: 270px; border-radius: 5px; padding: 30px 0 0; line-height: 30px;
}
.monograph-panel img{
    vertical-align:bottom; margin-top: 23px;
}
.list-intro h3{
    font-size: 13px; color: #ef4623; border-bottom: 1px solid #ef4623; font-weight: 600; line-height: 23px; margin-bottom: 12px;
}
.link-websites ul li a{
    /*font-size: 13px;*/
    color: #616261; 
    /*font-weight: 600;*/
    display: block; 
    line-height: normal;
}
.link-websites ul li{
    background: url(../images/list_icon.png) no-repeat left 26%; padding: 0 20px; margin: 0 0 6px;
}
.link-websites ul li:first-child{
    padding-top: 0px;
}
.skill-development p{
    color: #3e8bca; font-size: 13px; font-weight: 600; line-height: 18px; margin: 11px 0 0 !important;
}
.news-highlights{
    background: #eaeaea; box-shadow: 0 0 0 rgba(0,0,0,0.5); padding: 15px;
}
.news-highlights h3{
    font-size: 14px; color: #ef4623; border-bottom: 1px solid #ef4623; margin-bottom: 15px
}
.news-highlights ul li{
    /*font-size: 13px;*/
    background: url(../images/list_icon.png) no-repeat left 5px; 
    padding: 0 0 0 15px; 
    margin: 0 0 11.4px;
}
.news-highlights ul li a{
    color: #565554;
}
.ipc-products{
    background: url(../images/product.jpg) no-repeat left top #218dbb; margin-top: 15px; padding: 15px 8px 0; background-size: cover;
}
.ipc-products h4{
    font-size: 32px; color: #FFFFFF; font-weight: 600; padding-bottom: 15px;
}
.ipc-products ul li{
    font-size: 20px; color: #FFFFFF; font-family: 'gasaltblack'; float: left; list-style:disc; list-style-position: inside; margin: 0 4px; line-height: 15px;
}
.ipc-products ul li a{
    color: #FFFFFF;
}
.ipc-programme{
    background:url(../images/programme.jpg) no-repeat top center; 
    margin-top: 15px; 
    text-align: center; padding: 43px 10px;
}
.ipc-programme h4 a{
    font-size: 32px; font-style: italic; color: #FFFFFF; font-weight: 600; text-shadow: 0 2px 0px rgba(0,0,0,0.45) ;
}
.ipc-programme span{
    text-transform:none; display: block; font-size: 17px;padding-top: 12px;line-height: 1.5;
}
.swatch-bharat{
    text-align: center; 
    padding: 21px 0 0;
}
.swatch-bharat h5{
    color: #1a773c; font-size: 18px; font-weight: 500; margin: 15px 0
}
.swatch-bharat ul li{
    display: inline-block; 
}
.footer-nav{
    border: 1px solid #bebbbb; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.32); float: left; width: 100%; padding: 12px 0; margin: 25px 0 ;
}
.footer-nav ul {
    text-align:center;
}
.footer-nav ul li{
    display:inline-block; border-left: 1px solid #3c3c3c; line-height: 8px;
}
.footer-nav ul li a{
    font-size: 12px;
    color: #3c3c3c;
    padding: 0 12px; 
    font-weight: 500;
}
.footer-nav ul li:first-child{
    border-left: none;
}
.footer-content{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5e7fa+0,ffffff+100 */
background: #c5e7fa; /* Old browsers */
background: -moz-linear-gradient(top, #c5e7fa 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c5e7fa 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c5e7fa 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e7fa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding: 15px 0; width: 100%; max-width: 93%; margin: 0 auto;
}
/*.footer-text {
    text-align:center;
}*/
.footer-content .container{
    padding:0 15px;
}
.footer-text ul {
    text-align:center; margin-bottom: 15px;
}
.footer-text ul li{
    display: inline-block; font-size: 12px; border-left: 1px solid #3b3b3b; line-height: 10px; padding: 0 7px 0 11px; font-weight: 500
}
.footer-text ul li:first-child{
    border-left:none;
}
.footer-text ul li a{
    color: #3b3b3b;
}
.footer-text p{
    font-size: 12px; color: #3b3b3b; font-weight: 500;
}
.footer-text p span{
    display: block;
}
.copyright-text span a{
    color: #ef4623; text-decoration: none;
}
.copyright-text span a:hover{
    text-decoration: underline;
}
.copyright-text{
    float:left; font-size: 13px; color: #3b3b3b; line-height: 22px;
}
.copyright-text span{
    display: block;
}
.website-counter{
    float: right; font-size: 13px; text-align: right;
}
.flex-caption {
  width: 96%; padding: 2%; left: 0; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;
}

/** Glidejs styles **/
.slider {
    position: relative; width: 100%; /*height: 500px;*/ overflow: hidden; padding: 13% 0 0; margin-top: -35px;
}
    
.slides {
  height: 100%;
  overflow: hidden;
  /**   
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;

   -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
    
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide figure {
  display: block;
  position: relative;
  text-align: center;
}
.slide figure figcaption {
  position: absolute;
  right: 20%;
  font-size: 1.1em;
  font-weight: bold;
  padding: 8px 14px;
  color: #464646;
  background: rgba(255,255,255,0.8); 
}
.slide figure figcaption a {
  color: #5a7fbc;
  text-decoration: none;
}
.slide figure figcaption a:hover { text-decoration: underline; }

.slide figure img {
  max-height: 480px;
}



.slider-arrows {}

.slider-arrow {
  position: absolute;
    display: block;
    margin-bottom: 0px;
    font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif;
    text-decoration: none;
    font-weight: 900;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-indent: -999px;
    width: 6px;
    height: 10px;
}
.slider-arrow:hover {
  /*background: #ddd;*/
  color: #aaa;
}
.slider-arrow--right { top: 3%; right: 0; background: url(../images/next_arrow.png) no-repeat left top}
.slider-arrow--left {  top: 3%; right: 4%; background: url(../images/prev_arrow.png) no-repeat left top}


.slider-nav {
  position: absolute;
  bottom: 0px;
}

.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.slider-nav__item:hover { background: #bababa; }
.slider-nav__item--current, .slider-nav__item--current:hover { background: #999; }

.slider-nav{
    display:none;
}
.ipc-products ul{
    width:100%; display: inline-block;
}
.book-list{
    margin:15px 0 10px; 
}
.iprs-med{
    float:  right; margin-top: 23px;
}
.book-list{
    float:left;
}
.blue-nav{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#67c7f1+0,1d8ab9+100 */
background: #67c7f1; /* Old browsers */
background: -moz-linear-gradient(top, #67c7f1 0%, #1d8ab9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #67c7f1 0%,#1d8ab9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #67c7f1 0%,#1d8ab9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c7f1', endColorstr='#1d8ab9',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 767px) {
    .nav-right{
        float: none; margin: 0 auto;
    }
    .header-wrapper .container{
        background: none;
    }
    .container{
        padding: 0 10px;
    }
    .nav-right ul li a{
        padding: 0 8px;
    }
    .logo{
        min-width: 282px;
    }
    .logo a{
        font-size: 12px; line-height: 16px;
    }
    .logo a span{
        font-size: 12px;
    }
    .login-button{
        float: none; display: inline-block; margin: 2% auto; text-align: center; width: 100%;
    }
    a.menu-link1{
        background: none; text-align: center; float: none;
    }
    .menu ul li a{
        color: #000000; border-bottom: 1px solid rgba(0,0,0,0.22);
    }
    .xs-hidden{
        display: none !important;
    }
    .callbacks_nav {
        margin-top: -17px;
    }
    .callbacks_container{
        margin-bottom: 23px;
    }
    .tab-menu{
        margin-bottom: 20px;
    }
    .list-intro .link-websites, .list-intro .monograph-panel, .list-intro .skill-development{
        margin: 0 0 4%;
    }
    .list-intro .monograph-panel{
        max-width: 300px;
    }
    .list-intro .link-websites, .list-intro .monograph-panel, .list-intro .skill-development{
        max-width: 600px;
    }
    .callbacks li{
        height: 173px;
    }
    .main-content .right-content{
        max-width: 100%;
    }
    .copyright-text{
        text-align:center
    }
    .website-counter{
        text-align:center; width:100%;
    }
    .book-list, .iprs-med{
        width:100%; text-align: center;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .main-content .left-content{
        max-width: 672px;
    }
    .menu ul li > a{
        padding: 14px 17px;
    }
    .list-intro .link-websites, .list-intro .skill-development{
        max-width: 214px; min-height: 354px;
    } 
    .list-intro .monograph-panel{
        max-width: 221px; font-size: 30px; min-height: 354px;
    }
    .container{
        padding: 0 10px;
    }
    .menu ul li > a{
        padding: 10px 5px;
    }
    .responsive-tabs__list__item{
        padding: 10px 3px;
    }
}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : portrait) {
    .container{
        padding: 0 10px;
    }
    a.menu-link1{
        background: none; text-align: center; float: none;
    }
    .menu ul li a{
        color: #000;
    }
    .xs-hidden{
        display: none !important;
    }
    .list-intro .monograph-panel{
        max-width: 248px;
    }
    .list-intro .link-websites, .list-intro .skill-development{
        max-width: 237px;  min-height: 323px;
    }
    .main-content .right-content{
        max-width: 745px; margin-top: 3%;
    }
    .main-content .ipc-products{
        max-width: 370px; display: inline-block;
    }
    .ipc-programme{
        float: right; max-width: 361px; min-height: 226px;
    }
    a.menu-link1{
        padding: 14px 10px;
    }
    .list-intro .monograph-panel{
        min-height: 323px;
    }
}


@media screen and (min-width: 800px) and (max-width:800px) {
    .list-intro .link-websites, .list-intro .skill-development {
        max-width: 254px; min-height: 323px;
    }
    .main-content .right-content{
        max-width: 795px;
    }
    .menu ul li > a{
        padding: 10px 3.8px; color: #FFFFFF; font-size: 12px;
    }
}
 @media screen and (min-width: 980px) and (max-width:980px) {
     .menu ul li > a{
         padding: 10px 4.7px; color: #FFFFFF;
     }
     .main-content .left-content{
         max-width: 979px;
     }
     .list-intro .link-websites, .list-intro .skill-development{
         max-width: 297px;
     }
     .list-intro .monograph-panel{
         padding-top: 35px; max-width: 338px;
     }
     .main-content .right-content{
         max-width: 965px;
     }
     .main-content .ipc-products, .ipc-programme, .swatch-bharat{
         display: inline-block; float: none; vertical-align: top;
     }
 }

@media screen and (max-width:1170px){
    .main-content .left-content{
        max-width:100%;
    }
    .list-intro .link-websites, .list-intro .skill-development{
        max-width:100%;
    }
    .list-intro .monograph-panel{
        max-width:100%;
        margin:20px 0;
    }
    .list-intro .skill-development {
        margin-left:0;
        margin-bottom:20px;
    }
    .main-content .right-content{
        max-width:100%;
    }
    .menu ul li > a{
        padding:10px 20px;
    }

}


@media screen and (max-width:1010px){
    .menu ul li > a{
        padding:10px 16px;
    }

}

@media screen and (max-width:920px){
    .menu ul li > a{
        padding:10px 13px;
    }

}

@media screen and (max-width:900px){
    .menu ul li > a{
        padding:10px 10px;
    }

}


@media screen and (max-width:870px){
    .menu ul li > a{
        padding:10px 7px;
    }

}


/*CUSTOM CSS*/

div.jfontsize>a{
    padding: 5px !important;
}

div.jfontsize{
    margin: 0 5px;
}

#content{
    margin: 30px 0px;
}

.website-count > a{
    color: #000;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.breadcrumb>.active {
    color: #777;
    font-size: 14px;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb a {
    margin-right: 5px !important;
    font-size: 14px;
}

/*--------------------------*/

.page-header {
    margin: 2px 0px 10px 0px;
    padding-bottom: 5px;
}

.page-header {
    padding-bottom: 8px;
    margin: 18px 0 27px;
    border-bottom: 1px solid #eee;
}

.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
}