/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
     
    .static-banner{margin-top:53px; }
    .homeslider-mt{margin-top:51px;}
    .logotop{ margin-top:0px!important;}
	 .navbar{ padding:5px 10px;}
	 ul.nav li ul.nav li{ text-indent:20px!important;}
    .inner-menus-level{ float:none!important; width:100%!important; font-weight:bold!important; border-right:0px!important;}
    .navbar .dropdown-menu{ padding:5px 0px!important;}
	.ml-left{ margin-left:20px;}
	.navbar-dark .navbar-nav .nav-link{ font-size: 12px;}
  
	.carousel-caption{ padding:10px!important; width:60%!important; height:auto!important; left:28px!important; bottom:2px!important;}
       .carousel-caption-heading-mobile{ display:block; font-size:20px!important; font-family:'Lato-Semibold', Arial, sans-serif; height:30px!important;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; text-transform: uppercase;}
      .carousel-caption-heading{display:none; }
  
      .carousel-caption-text{ font-size:13px!important; line-height: 1.5em; height:2em!important;  overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis; width: 100%;}
 	  a.readmore-link{ font-size:13px!important; background-color:transparent!important; border-radius:0px!important;  color:#fddb00!important; padding:0px!important; }
	 a.readmore-link:hover{ text-decoration:none;}
  
	h1.heading{ font-size:35px;}
	.count-text h2{ font-size:22px;}
    .pressrelease-details{ margin-top:0px!important;}
    .pressrelease-details a{ padding:5px!important; cursor:pointer;}
    .pressrelease-details .date{ font-size:36px!important; line-height:40px!important;}
    .pressrelease-details .year{ font-size:18px!important; margin-top:0px!important; }
    .pressrelease-details .decp{ height:2em!important;  overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; width: 100%;}
  
    .carrertext{ margin-right: 0px!important;}
     
	.quickaccess-links ul li{ min-height:30px; font-size:13px!important; background: none; }
	.quickaccess-links ul li a:before{ color: #000; padding-right: 10px; content: "\f054";font-family: FontAwesome; font-style: normal; font-weight: bold;}
	.quickaccess-links ul li a{ padding-left:0px;}
	#featuredcarousel .carousel-control-prev-icon{width:42px; height: 42px; }
	/*Inner pages */
    .sub-content{ margin-left:0px!important;}
	.directors-team-modern-figure{ width:auto!important;}
	.directors-team-modern-figure img{ padding:5px!important;}
	.directors-team-modern-caption { width:auto!important;}
    
	ul.tablist{ height: 36px!important; }
	ul.tablist li{ line-height: 26px; font-size: 13px!important; }
	ul.tablist li a{ padding: 15px 3px!important;}
  
    .top-right{ top:60px!important; width:100%!important; }
	.socialmedia-links{ width:210px;}
	.socialmedia-links a{ float:left;}
	.fa{ margin:0 0 0 12px;}
	.topright-link{ width:252px; margin:0; }
	.topright-link .search-container{ width:100%;}
	.topright-link .search-container button{ width:15%; margin-right:0; padding:0!important;}
  
     .box-icon-classic{ min-height:146px!important;}
     .box-icon-classic-icon {height:60px!important; width: 60px!important; line-height: 55px;}
     .box-icon-classic-icon img{ width:40px; height:40px;}
  	 .unit>* { margin-left:20px!important;}
     .box-icon-classic-text { margin-bottom:0px!important; font-size:14px;}

      .sub-navigation ul{letter-spacing:normal!important;}
      .bottom-btn{ height:80px!important;}
      .team-modern-status{ font-size:11px!important;}
      
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.static-banner{margin-top:110px; }
	.navbar-dark .navbar-nav .nav-link{ font-size:15px;}
     .top-right{ top:0px!important; width:100%!important;}
	.count-text h2{ font-size: 30px;}
	.pressrelease-details .date{width:20%;}
    .homeslider-mt{ margin-top:110px!important;}
    .carousel-caption{ padding:10px!important; width:60%!important; height:auto!important; left:28px!important; bottom:2px!important;}
   .carousel-caption-heading-mobile{ display:block; font-size:25px!important; font-family:'Lato-Semibold', Arial, sans-serif; height:30px!important;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; text-transform: uppercase;}
      .carousel-caption-heading{display:none; }
  
      .carousel-caption-text{ font-size:13px!important; line-height: 1.5em; height:2em!important;  overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis; width: 100%;}
 	  a.readmore-link{ font-size:13px!important; background-color:transparent!important; border-radius:0px!important;  color:#fddb00!important; padding:0px!important; }
	 a.readmore-link:hover{ text-decoration:none;}
	/*Inner pages */
	.sub-navigation ul{font-size: 12px!important; letter-spacing:normal!important}
	.sub-navigation ul li a{ padding:15px 5px!important;}
	ul.tablist{ height: 36px!important; }
	ul.tablist li{ line-height: 26px; font-size: 12px!important; }
	ul.tablist li a{ padding: 15px 5px!important;}
	.boardcom-btn{ font-size:13px;}
	.directors-team-modern-figure{ width:auto!important;}
	.directors-team-modern-figure img{ padding:5px!important;}
	.directors-team-modern-caption { width:auto!important; min-height:80px;}
    .directors-team-modern-caption h6{ font-size:13px!important;}
	.directors-team-modern-status{ font-size:11px!important;}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	.static-banner{margin-top:53px;}
   .logotop{ margin-top:0px!important;}
  .navbar{ padding:5px 10px;}
	.top-right{ top:60px!important; left:0px!important}
	.socialmedia-links{ }
	.socialmedia-links a{ float:left;}
	.fa{ margin:0 0 0 22px;}
	.topright-link{  margin:0; }
	.topright-link .search-container{ width:100%;}
	.topright-link .search-container button{ width:20%; margin-right:0;}
	 ul.nav li ul.nav li{ text-indent:20px!important;}
    .inner-menus-level{ float:none!important; width:100%!important; font-weight:bold!important; border-right:0px!important;}
     .navbar .dropdown-menu{ padding:5px 10px!important;}
  
	.ml-left{ margin-left: 0px;}	
	.fa { width:30px;}
	.top-right{ margin: 0px;}
	.navbar-dark .navbar-toggler { margin:45px 5px 0 0px;}
	.paragraph, .count-text p{ text-align: justify; font-size: 18px;}
	.footer-content{ text-align: center!important;}
	.footer-content .Copyright{ margin-bottom: 15px; }
	.footer-content .RPG-logo{ text-align:center;}
  
     .homeslider-mt{ margin-top:52px!important;}
     .carousel-caption{ padding:5px!important; width:50%!important; height:auto!important; left:28px!important; bottom:2px!important;}
       .carousel-caption-heading-mobile{ display:block; font-size:15px!important; height:30px!important;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; text-transform: uppercase;}
      .carousel-caption-heading{display:none; }
  
      .carousel-caption-text{ font-size:13px!important; line-height: 1.5em; height:2em!important;  overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis; width: 100%;}
 	  a.readmore-link{ font-size:13px!important; background-color:transparent!important; border-radius:0px!important;  color:#fddb00!important; padding:0px!important; }
	 a.readmore-link:hover{ text-decoration:none;}
    .slide-title-sec{font-size:13px!important; height:20px!important;  overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis; width: 100%;}
	.carrertext{ margin-right: 0px!important;}
    /*Inner pages */
	.subpageheading{ left:0}
	.sub-content{ margin-left:0px!important;}
	.sub-navigation ul{font-size: 17px!important; }
	.sub-navigation ul li a{ padding:15px 5px!important;}
	ul.tablist{ height:auto!important; margin-left:0px!important; border-bottom:0px!important;}
	ul.tablist li{ display:block!important; width:49%!important; text-align:center!important; margin:5px 1px!important; font-size:12px!important;}
	ul.tablist li a{ display:block!important; border-bottom:1px solid #b8b8b8!important;  padding:5px 15px!important; border-radius:5px!important;}
	ul.tablist li a.active{ border-bottom:1px solid #cbb10b!important; }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	.static-banner{margin-top:53px;}
    .logotop{ margin-top:0px!important;}
    .marginT60{ margin-top:100px!important;}
	.navbar{ padding:5px 10px!important;}
	.top-right{ top:60px!important; width:100%!important;}
	.socialmedia-links{ width:50%!important; float:none!important; margin:0 auto 10px auto!important;}
	.socialmedia-links a{ float:left!important;}
	.fa{ margin:0 0 0 5px!important;}
	.topright-link{width:100%!important; float:none!important; margin:0!important; border-right:2px solid transparent!important;}
	.topright-link .search-container{ width:100%!important;}
  .topright-link .search-container .fa-search {  padding: 6px 5px 5px 5px!important; }
	.topright-link .search-container button{ width:34px!important; margin-right:0!important;}
	 ul.nav li ul.nav li{ text-indent:20px!important;}
    .inner-menus-level{ float:none!important; width:100%!important; font-weight:bold!important; border-right:0px!important;}
    .navbar .dropdown-menu{ padding:5px 10px!important;}
  	.footer-content{ text-align: center!important;}
	.footer-content .Copyright{ margin-bottom: 15px; }
	.fa { font-size:19px; width:25px;}
	.navbar{ padding: 12px;}
    .pressrelease-details{ border-bottom:1px solid #cfcfcf;}
	.pressrelease-details .date{ width:20%!important;}
    .pressrelease-details .decp{ font-size:15px!important; letter-spacing:0px!important;}
	.navbar-dark .navbar-toggler{ margin:0px 5px 0px 0px; padding: 2px 6px;}
	.navbar-dark .navbar-nav{ margin-top: 0px;}
	.ml-left{ margin-left: 0px!important;}
	 h1.heading{ font-size:20px!important;}
	.quickaccess-links ul li{ float: none!important; width: 97%!important;}
	.paragraph, .count-text p{ text-align: justify!important; font-size: 18px!important;}
	.footer-content .RPG-logo{ text-align:center!important;}
	.carrertext{ margin-right: 0px!important;}
    .homeslider-mt{ margin-top:53px!important;}
      .carousel-caption{padding:5px!important; width:80%!important; height:auto!important; left:28px!important; bottom:2px!important;}
  
      .carousel-caption-heading-mobile{ display:block; font-size:15px!important; font-family:'Lato-Semibold', Arial, sans-serif; height:20px!important;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; text-transform: uppercase;}
      .carousel-caption-heading{display:none; }
  
      .carousel-caption-text{ font-size:13px!important; height:20px!important;  overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis; width: 100%;}
 	  a.readmore-link{ font-size:13px!important; background-color:transparent!important; border-radius:0px!important;  color:#fddb00!important; padding:0px!important; }
	 a.readmore-link:hover{ text-decoration:none;}  
	/*Inner Pages*/
  .slide-title-sec{font-size:13px!important; height:20px!important;  overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis; width: 100%;}
	.sub-content{ margin-top:100px!important; margin-left:0px!important;}
	ul.tablist{ height:auto!important; margin-left:0px!important; border-bottom:0px!important;}
	ul.tablist li{ display:block!important; width:100%!important; text-align:center!important; margin:5px auto!important; font-size:15px!important;}
	ul.tablist li a{ display:block!important; border-bottom:1px solid #b8b8b8!important;  padding:10px 15px!important; border-radius:5px!important;}
	ul.tablist li a.active{ border-bottom:1px solid #cbb10b!important; }
	.boardcom-btn{ font-size:13px;}
	
}
@media (min-width: 992px){
  .static-banner{ margin-top:102px; }
}