/* Extra small devices (phones, <576px) */
@media (max-width: 575.98px) {
  /* Styles for phones */
 
  .topBanner.responsive {
    background-image: url("../images/top/saps_topBanner_sm_sm.jpg");
    height: 80px; /* Full viewport height */
 max-width: 100%;

  } 
.col-4.topnavCss,   .col-4.topnavSearch  {
    width: 100%;
	margin-bottom:10px;
}
  /* top banner and latest news */ 
.carousel {
    width: 115%;
    margin-left: -17px;
}
.c-item {
    height: 200px !important;
}
.col-sm-8.index {

        width: 100% !important;
    }
.col-sm-4.index {

        width: 100% !important;
    }
.mt-5#selNews {
     width: 110%;
    margin-left: -15px;
}
.custom-summary#selNews, .custom-footer#selNews {
    text-align: left;
}
.custom-summary#selNews {
    width: 100% !important;
	        margin-left: 5px;
}
.container.selNewsBtn{
	    margin-left: 0px;
}
.btn-group {
    margin-right: 32px !important;
}
/*Menu under Latest News */
.button.nav {
  margin: 3px 3px !important;
    padding: 5px 1px !important;
}
.button.nav a {
    font-size: 10px !important;
}
/* Round Icons */
   .feature {
    width: 135% !important; 
    }

.feature .feature-icon {
    width: 60px !important;
    height: 60px !important;
  
}
img#imagesRound {
    max-width: 40px !important;
    max-height: 40px !important;
}
.container-fluid.rowIcons .row .col-lg-3 {
	margin-top: 15px;
    width: 20.5% !important;
	        margin-top: -50px;
}
.container-fluid.rowIcons{
	
	margin-left: -20px !important;
	margin-top: 60px;
}
/* contact and map on homepage */
.mt-3.contact {
margin-left: 16px !important;
 width: 100%;
 margin-top: -2rem !important;
}
.col-sm-5.contact{
	margin-bottom: 15px;
}
h6.text-uppercase {
  margin-left: -15px;
}
.nav.contacts li a {
 text-align: left;
   padding-left: 0px !important;
        margin-left: -15px; 
}
p#nb
 {
text-align: left;
}
/* footer */
.col-md-2.footer p, .col-md-2.footer a, .col-md-3.footer li {
   text-align: left;
   padding-left: 5px;
}

/* About SAPS pages */

.tab-content.mt-3 {
    width: 80%;
}
.nav-tabs-container{
	 width: 80%;
}

/* Resource Centre pages */
.h5, h5 {
    font-size:12px !important;
}
.row.rcIcons  .col-md-6.col-lg-2.rc  {
	width: 25.5% !important;
}
.row.rcIcons  .col-md-6.col-lg-3.rc  {
	width: 40.5% !important;
}
.row.rcIcons  .col-md-6.col-lg-3.rc .feature {
        width: 123.5% !important;
        margin-top: -15px;
		        margin-bottom: -20px;
}
/* Service pages */
.row.service .col-md-6.col-lg-4.serve {
	width: 25.5% !important;
}
.row.info .col-md-6.col-lg-4.serve {
	width: 25.5% !important;
}
.row.flash .col-md-6.col-lg-2.serve {
	width: 22% !important;
	margin-left: -20px;
}
.row.flash .col-md-6.col-lg-10.serve {
	        width: 73% !important;
        margin-left: 29px;
        margin-top: 5px;
		
}
/* Careers pages */
.row.career1 .col-md-6.col-lg-4.career {
	width: 25.5% !important;
}
.row.career2 .col-md-6.col-lg-4.career {
	width: 25.5% !important;
}
.row.career1 {
	    width: 135%  !important;
    /*margin-left: -17px;*/
}
.row.career2 {
	    width: 135%  !important;
   /*margin-left: -50px;*/
}
/* child safety pages */
.row.pamph{
	display: none;
}
.col-sm-3.col-md-6.col-lg-6.childSafety{
   width: 100%
}
table#tableformat {
    width: 100%;

}
font {
font-size:12px
}

/* Talk to Us pages */
.flex-nowrap {
    width: 100%;
}
.services-saps.section-bg.saps_no {
      width: 90%;
}
/* All Tables */
.col-md-14#roll {
width: 130% !important;
}
.table{
width: 100% !important;
}
.table thead {
display: none;
}
.table, .table tbody, .table tr, .table td {
display: block;
width:100%
}
.table tr{
margin-bottom:15px;
}
.table tbody tr td {
text-align: right;
padding-left: 50%;
position: relative;
}
.table td:before {
content: attr(data-label);
position: absolute;
left:0;
width: 50%;
padding-left: 15px;
font-weight: 600;
font-size:12px;
text-align: left;
}


}

/* Small devices (landscape phones, ≥576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Styles for small devices */
    .topBanner.responsive {
    background-image: url("../images/top/saps_topBanner_small.jpg");
    height: 10vh; /* Full viewport height */
  }
  .col-4.topnavCss,   .col-4.topnavSearch  {
    width: 100%;
	margin-bottom:10px;
}
  /* top banner and latest news */ 
.carousel {
    width: 100%;
   /* margin-left: -17px;*/
}
.c-item {
    height: 400px !important;
}
.col-sm-8.index {

        width: 100% !important;
    }
.col-sm-4.index {

        width: 100% !important;
    }
	
img#selNewsImage {
    max-width: 142%  !important;
}	
.mt-5#selNews {
     width: 110%;
   margin-left: -4px;
}
h5.media-heading#selNews {
    width: 150%;
	text-align: left;
}
.custom-summary#selNews, .custom-footer#selNews {
	    width: 140%;
    text-align: left;
}
.d-none.selNews {
    display: block !important;
	    width: 115%;
}
/*Menu under Latest News */
.container.selNewsBtn{
	    margin-left: -87px;
}
.button.nav {
    margin: 3px 0px !important;
    padding: 5px 1px !important;
}
.button.nav a {
    font-size: 10px !important;
}
/* Round Icons */
   .feature {
    width: 181% !important; 
    }

.feature .feature-icon {
    width: 60px !important;
    height: 60px !important;
  
}
img#imagesRound {
    max-width: 40px !important;
    max-height: 40px !important;
}
.container-fluid.rowIcons .row .col-lg-3 {
	margin-top: 15px;
    width: 17.5% !important;
	margin-top: -50px;
}
.container-fluid.rowIcons{
	
	margin-left: -55px !important;
	margin-top: 60px;
}
/* contact and map on homepage */
.mt-3.contact {
margin-left: -65px !important;
 width: 190%;
 margin-top: -2rem !important;
}
.col-sm-5.contact{
	margin-bottom: 15px;
}
    .col-sm-3 {

        width: 35% !important;
    }
h6.text-uppercase {
  margin-left: -15px;
}
.nav.contacts li a {
 text-align: left;
   padding-left: 0px !important;
        margin-left: -15px; 
}
p#nb
 {
text-align: left;
}
/* Resource Centre pages */
.h5, h5 {
    font-size:12px !important;
}
.row.rcIcons  .col-md-6.col-lg-2.rc, .row.rcIcons .col-md-6.col-lg-3.rc {
	width: 100% !important;
}
/* child safety pages */
.row.pamph{
	display: none;
}
.col-sm-3.col-md-6.col-lg-6.childSafety{
   width: 100%
}
/* footer */
.col-md-2.footer p, .col-md-2.footer a, .col-md-3.footer li {
   text-align: left;
   padding-left: 5px;
}
}

/* Medium devices (tablets, ≥768px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Styles for tablets */
    .topBanner.responsive {
    background-image: url("../images/top/saps_topBanner_small.jpg");
    height: 120px; /* Full viewport height */
  }
  .col-4.topnavCss,   .col-4.topnavSearch  {
    width: 32%;
	margin-bottom:10px;
}
   /* top banner and latest news */ 
 .col-sm-8.index {

        width: 100% !important;
    }
.col-sm-4.index {

        width: 100% !important;
    }
	.custom-summary#selNews {
    width: 100%;
}
.mt-5#selNews {
        max-width: 762px;

}
	/*Menu under Latest News */
.button.nav {
    margin: 3px 2px !important;
    padding: 5px 5px !important;
}
.button.nav a {
    font-size: 12px !important;
}
/* Round Icons */
.container-fluid.rowIcons .row .col-lg-3 {
	margin-top: 15px;
    width: 17.5% !important;
}
 /* contact and map on homepage */
.mt-3.contact {
margin-left: -26px !important;
} 
p#nb{
    font-size: 12px;
}
  .col-sm-3.contact {
        flex: 0 0 auto;
        width: 41%;
    }
	/* Resource Centre pages */
.h5, h5 {
    font-size:12px !important;
}
.row.mt-3 .col-md-8.rc {
	width: 100% !important;
}
.row.rcIcons  .col-md-6.col-lg-2.rc, .row.rcIcons .col-md-6.col-lg-3.rc {
	width: 25.5% !important;
}
/* Service pages */
.row.service .col-md-6.col-lg-4.serve {
	width: 33% !important;
}
.row.info .col-md-6.col-lg-4.serve {
	width: 32.5% !important;
}
.row.flash .col-md-6.col-lg-2.serve {
	width: 22% !important;
	margin-left: -20px;
}
.row.flash .col-md-6.col-lg-10.serve {
	        width: 75% !important;
        margin-left: 29px;
        margin-top: -55px;
		 margin-bottom: -100px;
}
/* child safety pages */
.row.pamph{
	display: none;
}
.col-sm-3.col-md-6.col-lg-6.childSafety {
   width: 100%
}
}

/* Large devices (desktops, ≥992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Styles for desktops */
.topBanner.responsive {
   /* background-image: url("../images/top/saps_topBanner_small.jpg");*/
    height: 12vh; /* Full viewport height */
  }
  .collapse:not(.show) {
    display: none !important;
}

  /* top banner and latest news */ 
 .col-sm-8.index {

        width: 100% !important;
    }
.col-sm-4.index {

        width: 100% !important;
    }
	.custom-summary#selNews {
    width: 100%;
}
.mt-5#selNews {
        max-width: 1000px;

}
	/*Menu under Latest News */
.button.nav {
    margin: 3px 2px !important;
    padding: 8px 8px !important;
}
.button.nav a {
    font-size: 12px !important;
}
/* Round Icons */
.container-fluid.rowIcons .row .col-lg-3 {
	margin-top: 15px;
    width: 17.5% !important;
}
   /* contact and map on homepage */
.mt-3.contact {
margin-left: -26px !important; 
} 
p#nb{
    font-size: 12px;
}
  .col-sm-3.contact {
        flex: 0 0 auto;
        width: 41%;
    }
	/* Service pages */

.row.flash .col-md-6.col-lg-10.serve {
        margin-top: -55px;
		        margin-bottom: -100px;
}
}

/* Extra large devices (large desktops, ≥1200px) */
@media (min-width: 1200px) {
  /* Styles for large desktops */
  /* top banner */
 .topBanner.responsive {
    height: 109px !important;
  }  
  /* Menu Navigations */
.nav-menu, .nav-menu2 {
    padding-left: 0px !important;
    /*padding-right: 5px;*/
}
/*.nav-item .n-link, .nav-menu2 .nav-item .n-link {
    margin: 2px 2px !important;
	padding: 4px 4px;
  }*/
  .container-fluid.con-menu2 .navbar {
    margin-left: -37px !important;
}
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: 5px !important;
}
.nav-item .n-link
 {
    margin: 2px 1px;
}
.btn-group {
    margin-right: 32px !important;
}
.button.nav {
  margin: 3px 3px !important;
    padding: 5px 1px !important;
}
}