/*
Author: Iskandar Zulkarnain
Alias: pl4y312
*/

/* Fonts */
@font-face {
    font-family: 'Calibri Alt';
    src: url('../fonts/calibri.woff2');
}

@font-face {
    font-family: 'Calibri Alt Bold';
    src: url('../fonts/calibrib.woff2');
}

@font-face {
    font-family: 'Calibri Alt Italic';
    src: url('../fonts/calibrii.woff2');
}

@font-face {
    font-family: 'Calibri Alt Light';
    src: url('../fonts/calibril.woff2');
}

@font-face {
    font-family: 'Calibri Alt Light Italic';
    src: url('../fonts/calibrili.woff2');
}

@font-face {
    font-family: 'Calibri Alt Bold Italic';
    src: url('../fonts/calibriz.woff2');
}

@font-face {
    font-family: 'Futura Medium BT Alt';
    src: url('../fonts/futura-medium-bt.woff2');
}

@font-face {
    font-family: 'HelveticaNeueLTStd-Bd';
    src: url('../fonts/helveticaneueltstd-bd.woff2');
}

@font-face {
    font-family: 'HelveticaNeueLTStd-BdEx';
    src: url('../fonts/helveticaneueltstd-bdex.woff2');
}

@font-face {
    font-family: 'HelveticaNeueLTStd-LdEx';
    src: url('../fonts/helveticaneueltstd-ltex.woff2');
}

@font-face {
    font-family: 'HelveticaNeueLTStd-TdEx';
    src: url('../fonts/helveticaneueltstd-thex.woff2');
}

@media(max-width: 1024px) {
	#slideshow{
		width: 100%;
	}
}

/* Medium Device | col-md- */
@media(max-width: 1023px){
	body.disableScroll{
		overflow: hidden;
	}

	#header{
		padding: 15px 10px 10px 10px;
	}

	#header #icon-menu-responsive{
		background: url(../img/icon-40x44-menu-responsive.png) top center no-repeat;
		background-size: 20px 42px;
		position: fixed;
		top: 30px;
		right: 10px;
		width: 20px;
		height: 21px;
		cursor: pointer;
	}

	#header #icon-menu-responsive.open{
		background-position: bottom center;
	}
	
	#header .menu .level-2 {
		top: 42px !important;
		border-top: none !important;
	}
	
	#header .menu > ul{
		position: fixed;
		top: 109px;
		width: 100%;
		background-color: rgba(255, 255, 255, .9);
		padding-bottom: 100px;
		height: 100%;
		overflow-y: scroll;
	}

	#header .menu > ul > li{
		display: block;
		padding: 0 10px;
		position: relative;
	}

	#header .menu > ul > li > a{
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #d1d3d4;
	}

	#header .menu > ul > li > a:hover{
		border-bottom: 1px solid #d1d3d4;
	}

	#header .menu .arrow-submenu{
		position: absolute;
		right: 10px;
		width: 12px;
		height: 12px;
		background: url('../img/arrow-submenu.png') top center no-repeat;
		background-size: 12px 24px;
	}

	#header .menu .arrow-submenu-wrapper{
		position: absolute;
		right: 10px;
		width: 120px;
		height: 32px;
		top: 5px;
		padding: 10px;
	}

	#header .menu li.open{
		background: -webkit-linear-gradient(left, rgba(0,0,0,.25), rgba(0,0,0,.05)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, rgba(0,0,0,.25), rgba(0,0,0,.05)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, rgba(0,0,0,.25), rgba(0,0,0,.05)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, rgba(0,0,0,.25), rgba(0,0,0,.05)); /* Standard syntax (must be last) */
	}

	#header .menu li.open .arrow-submenu{
		background-position: bottom center;
	}

	#header .menu .level-2{
		padding-left: 20px;
		top: 0px;
		overflow: scroll;
		border: none;
		position: relative;
		background: none;
	}

	#header .menu .level-2 > ul,
	#header .menu .level-3 > ul{
		display: none;
	}

	#header .menu .level-2 .title{
		display: none;
	}

	#header .menu .level-2 > ul > li{
		padding-left: 0px;
		position: relative;
		width: 100%;
	}

	#header .menu .level-2 .arrow-submenu{
		top: 12px;
		margin-top: 0px;
		left: auto;
		right: 10px;
	}

	#header .menu .level-2 > ul > li > a{
		padding: 7px 0;
		display: block;
	}

	#header .menu .level-2 > ul > li:first-child a{
		background: none;
	}

	#header .menu li:first-child .level-3{
		/*display: none;*/
	}

	#header .menu .level-3{
		position: relative;
		width: 100%;
		left: 0px;
		background: none;
	}

	#header .menu .level-3 ul{
		float: none;
	}

	#header .menu .level-3 li{
		width: 100%;
	}

	#header .menu .level-3 img{
		display: none;
	}

	#header .menu a{
		background: none !important;
	}

	#language{
		right: 10px;
	}

	#featured-menu-wrap{
		overflow-x: scroll;
	}

	#featured-menu{
		width: 940px;
	}

	#footer{
		padding-bottom: 80px;
	}

	#gototop{
		bottom: 80px;
		z-index: 101;
	}

	#sticky-menu{
		bottom: 0;
		left: 0;
		width: 100%;
		top: auto;
		height: auto;
		padding-top: 0px;
		background: none;
	}

	#sticky-menu ul > li{
		width: 20%;
		height: 60px;
		float: left;
		border-top: none;
		border-left: 1px solid #fff;
		text-align: center;
	}

	#sticky-menu ul > li:first-child{
		border-left: none;
	}

	#sticky-menu a.menu{
		width: 100%;
		height: 60px;
		line-height: 60px;
		display: inline-block;
		background-color: #f4f4f4;
		border: 1px solid #ccc;
		padding: 7px 0px;
	}

	#sticky-menu a.menu > div{
		display: none;
	}

	#sticky-menu .content{
		width: 100%;
		left: 0px;
		top: auto;
		right: auto;
		padding-top: 30px;
		padding-bottom: 100px;
		height: 100%;
		overflow-y: scroll;
	}

	#sticky-menu .glyphicon-remove{
		right: 20px !important;
	}
}

/* Small Device | col-sm- */
@media(max-width: 991px){
	body.frontend{
		font-size: 15px;
	}

	.frontend .wrap{
		width: 750px;
	}

	#content-wrapper{
		overflow-y: overlay;
	}

	iframe{
		width: 100%;
		height: 100%;
        border:0;
	}

	.btn-sm-block{
		width: 100% !important;
	}

	hr.bold{
		border-width: 5px;
		border-color: #EF581C;
	}

	.title{
		font-size: 20px !important;
		color: #666;
		letter-spacing: 2px;
		margin-bottom: 20px;
	}

	#header{
		position: fixed;
	}

	#header #search-form{
		position: relative;
		float: right;
		width: 100%;
		margin-top: 15px;
		top: 0px;
	}

	#header #search-form input{
		width: 100%;
		line-height: 30px;
		height: 30px;
		background-size: 16px 15px;
		background-position: right 10px center;
		border:1px solid #e6e6e6;
		/*font-size: 24px;*/
        font-size: inherit;
		margin: 0px;
	}

	#sbdk{
		top: 9px;
		right: 90px;
	}

	#language{
		right: 30px;
		font-size: 12px;
		top: 10px;
	}

	#banner-page{
		height: 270px;
		margin-bottom: 30px;
	}

	#banner-page img{
		height: 270px;
		width: auto;
		position: absolute;
	    top: -9999px;
	    bottom: -9999px;
	    left: -9999px;
	    right: -9999px;
	    margin: auto;
	}

	#banner-page .description{
		padding-left: 10px;
		padding-right: 10px;
		top: auto;
		bottom: 40px;
	}

	#banner-page .description .big{
		font-size: 26px;
		line-height: 26px;
		letter-spacing: 3px;
	}

	#featured-menu-wrap {
		position: absolute;
		z-index: 2;
		height: 220px;
	}

	.scroll-wrap-width{
		position: relative;
	}

	.scroll-width{
		width: 100%;
		overflow-x: scroll;
		padding: 0px 10px !important;
	}

	.scroll-wrap{
		width: auto;
		white-space: nowrap;
		padding: 0px !important;
	}

	.scroll-wrap-width .arrow-left,
	.scroll-wrap-width .arrow-right{
		width: 11px;
		height: 20px;
		background-image: url('../img/arrow-scroll-big.png');
		background-repeat: no-repeat;
		padding: 0px;
		position: absolute;
		top: 25px;
		display: none;
	}

	.scroll-wrap-width .arrow-left{
		background-position: left bottom;
		left: 15px;
	}

	.scroll-wrap-width .arrow-right{
		background-position: right bottom;
		right: 15px;
	}

	.featured-menu.scroll-wrap-width .arrow-scroll{
		z-index: 100;
		top: 50px;
	}

	.featured-menu .scroll-width{
		padding: 0px !important;
	}

	.tab-content{
		margin-top: 170px;
	}

	#sidebar{
		width: 100%;
		background-color: #666;
		margin-bottom: 10px;
		color: #fff;
		padding: 15px 15px 10px 15px;
		position: relative;
	}

	#sidebar .label{
		font-size: 13px;
		padding: 0px;
	}

	#selected-sidebar{
		font-size: 18px;
		background: url('../img/arrow-bottom-orange.png') center right no-repeat;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#sidebar > ul{
		display: none;
		position: absolute;
		width: 100%;
		background: #fff;
		padding: 10px 20px;
		z-index: 10;
		overflow: hidden;
	}

	#sidebar .active .arrow-submenu{
		background-position: right top !important;
	}

	#sidebar .active > ul{
		display: none;
		width: 100% !important;
	}

	#sidebar hr{
		margin-top: 10px;
		margin-bottom: 5px;
	}

	#container{
		padding-top: 85px;
	}

	#content-wrapper > .row{
		padding: 0 10px !important;
	}

	#content-page{
		font-size: 15px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 20px;
	}

	#content-page p{
		line-height: 24px;
	}

	#content-page .title{
		margin-bottom: 20px;
	}

	#content-page ul{
		/*list-style: none;
		padding-left: 0;*/
	}

	#content-page li{
		padding-left: 20px;
		text-indent: -20px;
		margin-bottom: 0px;
	}

    #content-page ol li,
    #content-page ul li{
		text-indent: 0px;
	}

	#content-page ul.list-text-1 li::before{
		/*content: "¦";*/
		margin-right: 10px;
		color: #999;
	}
	#content-page ul.list-text-1{
		list-style-image:url(../img/list-style-image-1.png) ;
	}
	#content-page ul.list-text-1 li{
		margin-left:20px;
	}
	.content-meta .title{
		color: #333;
		margin-bottom: 10px !important;
		line-height: 28px;
	}

	#featured-menu-2 .title{
		font-size: 12px !important;
	}

	#suitable-saving thead td,
	#suitable-saving tbody td{
		font-size: 20px;
	}

	#suitable-saving thead td:first-child{
		line-height: 64px;
	}

	#suitable-saving thead td.alt select{
		height: 44px;
	}

	.table-responsive{
		border: 0px !important;
	}

	.inner .sharing-social.bottom{
		text-align: center !important;
		margin-bottom: 40px;
		font-size: 14px;
	}

	.sharing-social.bottom .images-screen-width{
		overflow-x: scroll;
		width: 100%;
		margin-top: 25px;
		position: relative;
	}

	.sharing-social.bottom .images-wrap{
		width: auto;
		white-space: nowrap;
	}

	.inner .sharing-social img{
		padding: 0 20px;
	}

	.sharing-social.bottom .arrow-left,
	.sharing-social.bottom .arrow-right{
		width: 7px;
		height: 13px;
		background-image: url('../img/arrow-prev-next-form.png');
		background-repeat: no-repeat;
		padding: 0px;
		position: absolute;
		top: 50px;
		display: none;
	}

	.sharing-social.bottom .arrow-left{
		background-position: left bottom;
	}

	.sharing-social.bottom .arrow-right{
		background-position: right bottom;
		right: 15px;
	}

	#newsletter,
	#newsletter .text-center,
	.frontend .list-style-1{
		font-size: 24px !important;
	}

	.inner #newsletter{
		height: auto;
		font-size: 15px !important;
		font-weight: bold;
		color: #666;
		margin-bottom: 0px;
	}

	.inner #newsletter .wrap{
		line-height: 20px;
		text-align: center;
	}

	.inner #newsletter input[type="text"]{
		width: 70%;
	}

	.inner #newsletter input[type="submit"]{
		width: 30%;
	}

	#newsletter input{
		margin-top: 15px !important;
		height: 30px;
		background: #f1f2f2;
		font-size: 15px !important;
		font-weight: normal;
	}

	.frontend .list-style-1 li{
		margin: 10px 0;
		padding: 10px 0 20px 0;
	}

	.frontend .list-style-1 img{
		margin: 0 50px;
	}

	.frontend .list-style-1 a{
		color: #414042;
	}

	#offer-form .text,
	#job-vacancies .title{
		font-size: 20px;
		letter-spacing: 2px;
	}

	#job-vacancies{
		padding: 10px;
	}

	#job-vacancies .title{
		margin-bottom: 20px;
	}

	#job-vacancies form{
		margin-bottom: 15px;
	}

	.accordion .item-title,
	.accordion .item-title.big{
		font-size: 15px;
		padding: 10px 20px;
	}

	.accordion .arrow{
		top: 20px;
		right: 20px;
		width: 12px;
		height: 7px;
	}

	.accordion .item-content{
		padding: 15px 20px;	
	}

	.frontend input,
	.frontend select{
		height: 42px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.frontend select{
		background: url('../img/arrow-select-mobile.png') right 10px center no-repeat !important;
	}

	.frontend input[type="radio"],
	.frontend input[type="checkbox"]{
		margin-top: 5px;
	}

	.frontend .bg-grey input[type="text"],
	.frontend .bg-grey select{
		background-color: #fff !important;
	}

	.simulation-result .title{
		font-size: 20px !important;
		margin-bottom: 0px !important;
	}

	/*.pagination{
		padding: 0px;
	}

	.pagination a{
		display: none;
	}

	.pagination a.previous,
	.pagination a.next{
		display: inline-block;
		height: 35px;
		width: 35px;
		margin: 0 15px;
		background-image: url('../img/arrow-pagination-mobile.png');
		background-position: left center;
		background-repeat: no-repeat;
		border: 0px;
	}

	.pagination a.next{
		background-position: right center;
	}
*/
	.carousel .carousel-control{
		opacity: 1;
	}

	.carousel .carousel-control .glyphicon{
		margin-top: -20px;
		width: 35px;
		height: 35px;
		background-image: url('../img/arrow-carousel-mobile.png');
		background-position: center left;
		background-repeat: no-repeat;
	}

	.carousel .carousel-control .glyphicon.previous{
		margin-left: -15px;
	}

	.carousel .carousel-control .glyphicon.next{
		margin-right: -15px;
		background-position: center right;
	}

	.profile-page .thumbnail,
	.profile-page .thumbnail img{
		width: 100%;
		height: auto;
	}

	.profile-page .description{
		position: relative;
		width: 100%;
		padding: 20px 0 0;
	}

	.list-sm-single .col-md-4{
		display: none;
	}

	.list-sm-single .col-md-4:first-child{
		display: block;
	}

	.list-profile .profile{
		padding-bottom: 0px;
		margin-bottom: 10px;
	}

	.list-profile .thumbnail,
	.list-profile .thumbnail img{
		margin-bottom: 0px !important;
	}

	#annual-report .item{
		margin-bottom: 10px;
	}

	.list-style-2 .description .title{
		font-size: 15px !important;
	}

	#content-page .list-style-2 li{
		text-indent: 0px;
	}

	#content-page .list-style-2 li::before{
		display: none !important;
	}

	.list-style-3{
		margin-bottom: 30px;
	}

	.list-style-3 li{
		border: 0px;
		padding: 5px 0;
	}

	.list-style-3 .thumbnail,
	.list-style-3 .thumbnail img{
		height: 105px;
		width: 105px;
		margin-bottom: 0px;
	}

	.list-style-3 .description{
		background-color: #e7e7e9;
		padding: 10px 15px;
		height: 105px;
	}

	.list-style-3 .description .title{
		color: #666;
		font-size: 15px !important;
	}

	.list-style-3 .description .more-link{
		display: none;
		font-size: 13px;
		margin-top: 5px;
		background: url('../img/arrow-next.png') right center no-repeat;
		padding-right: 25px;
	}

#full-form .form-body{
		padding-right: 20px;
		padding-left: 20px;
	}

	#full-form .step-carousel .title{
		font-size: 12px;
	}

	#full-form .btn.prev-link{
		margin-bottom: 15px;
	}

	.frontend .news-featured{
		background-color: #DBDCDE !important;
		height: 105px;
	}

	.frontend .news-featured .news-thumbnail{
		width: 35%;
		height: 105px;
		overflow: hidden;
		position: relative;
		float: left;
	}

	.frontend .news-featured .news-thumbnail img{
		height: 105px;
		width: auto;
		position: absolute;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}

	.frontend .news-featured .news-title{
		width: 65%;
		float: left;
		margin: 0px;
		padding: 10px;
	}

	.frontend .news-featured .news-link{
		margin: 0px;
		padding-left: 15px;
	}

	.frontend .banner-wide{
		position: relative;
		border-top: 7px solid #F05A1E;
		overflow: hidden;
	}

	.frontend .banner-wide img{
		position: absolute;
		right: -9999px;
		left: -9999px;
		height: 250px;
		width: auto;
		margin: auto;
		margin-bottom: 0px;
	}

	.frontend .banner-wide .description{
		padding: 0 10px;
	}

	.frontend .banner-wide .description span{
		font-size: 20px !important;
		letter-spacing: 2px;
		line-height: 28px;
	}

	.frontend .banner-wide .description .btn{
		width: 100%;
		font-size: 16px;
		letter-spacing: 2px;
		margin-top: 20px;
	}

	.frontend #slideshow.slideshow-2 .description{
		left: 10px !important;
	}

	.frontend #slideshow.slideshow-2 .description .big{
		font-size: 26px;
		margin-bottom: 10px;
	}

	.frontend #slideshow.slideshow-2 .description span{
		font-size: 13px;
	}

	.frontend #slideshow.slideshow-2 .description .btn{
		width: 100%;
	}

	.frontend #news-section .title{
		text-align: center;
	}

	#solusi .title.text-center,
	#inspirasi .title.text-center,
	#kemudahan .title.text-center{
		padding: 0 50px;
	}

	#solusi .item{
		margin: 0px;
		padding: 0px;
	}

	#solusi .item .text{
		white-space: normal;
	}

	#kemudahan .item{
		margin-top: 10px;
	}

	#kemudahan .item .title{
		background-color: #BDBEC0;
		font-size: 16px !important;
		padding: 10px 20px;
		margin-bottom: 0px;
	}

	#kemudahan .content{
		background-color: #DDD !important;
		padding: 10px 20px !important;
		display: none;
	}

	#testimonial{
		padding: 20px 10px;
	}

	#testimonial .content{
		background-color: #D1D2D4;
		font-size: 20px;
		padding-top: 20px;
	}

	#testimonial .author{
		background-color: #E7E8EA;
	}

	.testimoni .name{
		font-size: 15px;
	}

	.testimoni .name strong{
		font-size: 17px;
	}

	.accordion.annual-report .annual-report-description{
		width: 100%;
		padding-left: 0px;
	}

	.contact-address{
		background-color: #fff !important;
		border: none;
	}

	.contact-address .icon{
		width: 80px;
	}

	.contact-address .map{
		width: 100%;
		height: 300px;
	}

	.contact-page .title{
		text-align: center;
	}

	.contact-page .accordion{
		padding: 0 15px;
		margin-bottom: 20px;
	}

	.contact-page .accordion .item{
		margin-bottom: 10px;
	}

	.contact-page .accordion .item-title{
		font-family: 'Futura Md BT', 'Futura Medium BT Alt';
		font-size: 18px;
		color: #666;
	}

	.contact-page .accordion .item-title strong{
		font-weight: normal;
	}

	.contact-form{
		padding: 30px 10px;
	}

	.contact-form .title{
		text-align: center;
	}

	.contact-page-2 .accordion .item-title{
		color: #fff;
		background-color: #f89422;
	}

	.contact-page-2 .accordion .arrow{
		background-image: url('../img/arrow-accordion-white.png');
	}

	.search-result #banner-page{
		margin-bottom: 0px;
	}

	.search-result #content-wrapper{
		padding-top: 10px;
	}

	.carousel-2 .carousel-controls{
		text-align: center;
		margin-top: 20px;
	}

	.carousel-2 .carousel-control{
		background: none !important;
		height: 35px !important;
		width: 35px !important;
		display: inline-block;
		position: relative;
		margin: 0 10px;
	}

	.carousel-2 .carousel-control .glyphicon{
		background-image: url('../img/arrow-pagination-mobile.png');
		background-repeat: no-repeat;
		background-position: left center;
	}

	.carousel-2 .list-style-2 li{
		margin: 0 15px;
	}

	.carousel.multi-item .item div{
		margin-bottom: 20px;
		text-align: center;
	}

	.contact-page .carousel-2 .item{
		padding: 0 15px;
	}

	.contact-page .carousel-control{
		margin-bottom: 20px;
	}

	.carousel.featured-news{
		margin: 0 15px;
	}

	.carousel.featured-news .carousel-control{
		background: none;
	}

	.carousel.featured-news .news-item{
		background: #fff;
	}

	.carousel.featured-news .carousel-control .glyphicon{
		margin-top: -60px;
	}

	.filter-form{
		padding: 0 5px;
	}

	.filter-form input,
	.filter-form select{
		margin-top: 0px;
	}

	#footer{
		text-align: center;
	}

	#footer .wrap{
		/*padding-bottom: 50px;*/
	}

	#footer #download-apps{
		font-size: 17px;
	}

	#footer #download-apps .btn-2{
		font-size: 15px;
		line-height: 42px;
	}

	#footer #address{
		font-size: 15px;
	}

	#footer #hello{
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}

	#footer #follow-us{
		font-size: 17px;
	}

	#footer #follow-us a{
		margin: 10px 5px 10px 5px;
	}

	#footer #follow-us img{
		width: 20px;
		height: auto;
	}

	#footer #copyright{
		font-size: 12px;
	}

	#footer #subsidiary-mobile{
		font-size: 17px;
		margin-bottom: 40px;
	}

	#footer #subsidiary-mobile a{
		display: block;
		margin-top: 10px;
	}

	#footer .menu{
		font-size: 12px;
		margin-bottom: 25px;
	}

	#footer #footer-corner-mobile{
		width: 100%;
		height: 50px;
	}

	#footer #footer-corner-mobile img{
		width: 200px;
		position: absolute;
		right: 0px;
	}
}

/* Extra Small Device | col-xs- */
@media(max-width: 768px){
	.frontend .wrap{
		width: 100%;
	}

	#sbdk{
		right: 100px;
	}

	#language{
		right: 40px;
	}

#featured-menu-2{
		margin: 0px !important;
}

#featured-menu-2 .item{
		width: auto;
		height: 140px;
		background-color: #fff !important;
		float: left;
		padding: 15px 0px 0px !important;
		vertical-align: top
	}

	#featured-menu-2 .item img{
		height: 50px;
		width: auto;
	}

	#featured-menu-2 .title{
		padding: 10px;
		margin: 0px;
		white-space: normal;
	}

	.scroll-wrap-width{
		position: relative;
	}

	.scroll-width{
		width: 100%;
		overflow-x: scroll;
		padding: 0px 10px !important;
	}

	.scroll-wrap{
		width: auto;
		white-space: nowrap;
		padding: 0px !important;
	}

	.scroll-wrap-width .arrow-left,
	.scroll-wrap-width .arrow-right{
		width: 11px;
		height: 20px;
		background-image: url('../img/arrow-scroll-big.png');
		background-repeat: no-repeat;
		padding: 0px;
		position: absolute;
		top: 25px;
		display: none;
	}

	.scroll-wrap-width .arrow-left{
		background-position: left bottom;
		left: 15px;
	}

	.scroll-wrap-width .arrow-right{
		background-position: right bottom;
		right: 15px;
	}

	.featured-menu.scroll-wrap-width .arrow-scroll{
		z-index: 100;
		top: 50px;
	}

	.featured-menu .scroll-width{
		padding: 0px !important;
	}

	.fixed-column table{
		margin-left: 192px;
	}

	.fixed-column th.headCol,
	.fixed-column td.headCol{
		left: 10px;
		position: absolute;
		width: 200px !important;
		margin-left: 0px;
		margin-top: -1px;
		display: block;
		white-space: normal !important;
	}

	#footer{
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Extra Extra Small | Additional Needs */
@media(max-width: 480px){
	#slideshow #slideshow-nav{
		left: 45%;
	}

	.step-carousel li{
		width: 90px;
	}

	.step-carousel li:before{
		width: 48px;
		margin-left: 68px;
	}

	.fixed-column table{
		margin-left: 142px;
	}

	.fixed-column .table-2{
		margin-left: 156px;
	}

	.fixed-column th.headCol,
	.fixed-column td.headCol{
		width: 150px !important;
	}
}