@media (max-width: 1600px) {
	.banner-fake{
		left:12%;
	}
}
@media (max-width: 1440px) {
	.banner-fake{
		left:7.5%;
	}
}
@media (max-width: 1366px) {
	.banner-fake{
		left:5.3%;
	}
}
@media (max-width: 1280px) {
	.banner-fake{
		left:30px;
	}
}
@media (max-width: 1279px) {
	.inner-banner.career{
		background:url(https://www.mfm.com.my/wp-content/uploads/banner_career8a.jpg) center center no-repeat;
	}
}
@media (max-width: 1025px) {
	.banner-fake{
		left:10px;
	}
}


@media (max-width: 1200px) {
	header{
		height:86px;
	}
	.logo{
		position:absolute;
		top:0px;
		left:10px;
		width:242px;
		z-index:100001;
	}
	.navi{
		position:absolute;
		top:16px;
		width:100%;
		padding:0;
		z-index:100000;
	}
	.cb-slider{
		margin-top:86px !important;
	}
	.inner-banner{
		margin-top:86px !important;
	}
	.inner-title {
		left:15px;
		margin-left:0;
	}
	.sublink{
		display:none;
	}
        
}



@media (max-width: 1024px) {
	.main_slider1{
		display:none;
	}
	.main_slider2{
		display:block;
	}
	.banner-fake{
		display:none;
	}
	.bod-content-img{
		width:30%;
		padding-right:40px;
	}
	.bod-content-text{
		width:70%;
	}
	.vision-left, .mission-right{
		width:65%;
		padding:10px 30px;
	}
	.vision-right, .mission-left{
    	width:35%;
	}
	.vision-left h1, .mission-right h1{
		font-size:30px;
	}
	.vision-left p, ul.mission-list li{
		font-size:14px;
	}
	.prod-box{
		width:33.33%;
	}
	.prod-box:nth-child(4n){
		border-right:#eaeaea 2px solid;
	}
	.prod-box:nth-child(3n){
		border-right:none;
	}
	.skill-text{
		padding:5px 20px;
	}
	.skill-text h3{
		font-size:16px;
		line-height:22px;
	}
	.skill-text p{
		font-size:12px;
		line-height:20px;
	}
	.curve-box-inner{
		padding:15px 15px 25px 15px;
	}
	.curve-box-inner h1{
		width:auto;
		font-size:20px;
	}
        .flour-types-grid{
                width:50%;
        }
        
        .flour-types-grid .flour-types-text .title{
		font-size:18px;
		padding:8px 20px;
	}
	.career-video-box{
		width:46%;
	}
	.offer-box{
		width:46%;
	}
}




@media (max-width: 768px) {
	.main-content-text{
		text-align:center;
	}
	.cb-slider{
		margin-top:86px !important;
	}
	.cb-slider-box{
		height:300px;
	}
	.tp-bgimg.defaultimg{
		background-size:auto 300px;
	}
	.inner-banner.poultry, .inner-banner.feed, .inner-banner.raw{
		height:300px !important;
		background-size:auto 300px !important;
	}
	.inner-title {
		font-size:20px;
		left:10px;
		margin-top:-10px;
		padding:6px 20px 8px 20px;
	}
	.milestone-box{
		margin:20px 0 0 0px;
		height:auto;
		padding-bottom: 25px;
	}
	.img-padding-right-40{
		padding-right:0px !important;
	}
	.img-padding-left-40{
		padding-left:0px !important;
	}
	.flex-box{
		display:block;
	}
	.text-col{
		display:block;
	}
	.text-box, border-box{
		padding:20px 20px 30px 20px;
	}
	.bod-content-img{
		width:100%;
		float:none;
		padding-right:0px;
	}
	.bod-content-img img{
		width:auto;
		height:180px;
	}
	.bod-content-text{
		width:100%;
		float:none;
		margin-top:10px;
	}
	.bg-vision-mission{
		background-position:cemter;
	}
	.vision-mission-box{
		width:100%;
		max-width:500px;
		margin:0 auto;
	}
	.vision-left, .mission-right{
		width:100%;
		padding:10px 20px 30px 20px;
		height:auto;
		float:none;
	}
	.vision-right, .mission-left{
		width:100%;
		height:250px;
		float:none;
		background-size:100% auto;
	}
	.corp-info-title{
		padding:20px 0 5px 0;
	}
	.corp-info-text{
		padding:20px;
	}
	.cb-inner-banner-sublink{
		padding:30px 20px 0px 20px;
	}
	.cb-inner-banner-sublink .inner-title {		
		font-size:20px;
		top:20px;
		left:10px;
		padding:6px 20px 8px 20px;
	}
	.cb-sublink-box{
		height:auto;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		padding:5px 20px 15px 20px;
	}
       .cb-sublink-box ul li{
                line-height:16px;
       }
	.cb-inner-banner-img{
		padding:0px 20px;
	}
	.cb-inner-banner-img .banner-img{
		height:200px;
		background-size:auto 200px;
	}
	.cb-inner-banner-img .banner-img.img-full{
		height:200px !important;
                background-size:120% auto;
	}
	.cb-inner-banner-img .title{
		text-align:center;
		padding:0 !important;
	}
        .branches-box {
	        padding:10px 10px 30px 10px;
        }
	.prod-box{
		width:50%;
	}
	.prod-box:nth-child(3n){
		border-right:#eaeaea 2px solid;
	}
	.prod-box:nth-child(2n){
		border-right:none;
	}
	.standalone-content{
		margin-top:0px;
	}
	a.standaloneClose{
		top:5px;
		right:5px;
	}
	.contact-text{
		height:auto;
		padding-bottom:30px;
	}
	.contact-text.noborder2{
		padding-top:30px;
		border-top:#ccc 1px solid;
	}
        .mfm-family-text{
                padding:15px 10px;
        }
	.skill-box{
		height:auto;
	}
	.skill-box:after{
		content:"";
		display:table;
		clear:both;
	}
	.skill-img{
		height:160px;
		background-size:100% auto;
	}
	.skill-text{
		height:auto;
		padding:0 15px 20px 15px;
	}
        .skill-text h3{
        margin-top:10px;
}
	.skill-text p{
		margin-top:10px;
	}
	.curve-box{
		display:block;
	}
	.curve-box-inner{
		width:100%;
		max-width:360px;
	}
	.curve-box-inner h1{
		width:200px;
		font-size:25px;
	}
	.standalone.video{
		max-width:520px;
	}
	.intrinsic-container {
		width:477px;
	}
	ul.cert-list li{
		padding:0 10px;
	}
        .feed-list-box{
		padding:10px 3% 30px 3% !important;
	}
        .prod-details{
		padding-left:0px !important;
	}
        .prod-details h3{
		font-size:20px;
                line-height:24px;
	}
	.prod-details-left{
		width:50%;
		float:left;
	}
	.prod-details-right{
		width:50%;
		float:left;
	}
	.feed-img{
		min-height:180px;
	}
        .financial-tbl{
                overflow-x:scroll;
        }
        .flour-types-grid{
                width:100%;
                margin:0 auto;
        }
        
	.inline-content{
        	padding:0;
		margin:0 0 20px 0;
	}
	.inline-content.prod{
		border:none;
	}
	.inline-content.prod2{
        	padding:50px 0px 30px 0px;
		border:none;
	}
	.inline-content.prod2 .standalone-img{
        	padding-right:0px;
	}
	.standalone-title h2{
		left:0px;
		font-size:16px;
		line-height:18px;
	}
	.footer-box1{
		text-align:center;
	}
	.footer-box1{
		border-bottom:#c6cac7 1px solid;
	}
	.footer-box2{
		text-align:center;
	}
	.content-left{
		padding-right:10px !important;
	}
	.content-right{
		padding-left:10px !important;
	}
	.career-video-grid{
		display:block;
		max-width:400px;
		width:100%;
		margin:0 auto;
	}
	.career-video-box{
		width:100%;
		margin:10px 0;
	}
	.offer-grid{
		display:block;
		max-width:400px;
		width:100%;
		margin:0 auto;
	}
	.offer-box{
		width:100%;
		margin:10px 0 20px 0;
	}
}


@media (max-width: 640px) {
	.border-box2{
		border:none;
        }
	.plant-img img{
        	max-width:none;
	}
	.cb-inner-banner-img .banner-img{
		height:170px;
		background-size:auto 170px;
	}
}



@media (max-width: 595px) {
	header{
		height:76px;
	}
	.logo{
		width:207px;
	}
	.navi{
		top:12px;
	}
	.main_slider2{
		margin-top:76px;
	}
        ul.sub-sublink{
                padding:10px;
        }
        ul.sub-sublink li a{
                font-size:14px;
        }
	.inner-content{
		padding:30px 0 70px 0;
	}
	.inner-content.style2{
		padding:30px 0 30px 0;
	}
	.inner-title {
		font-size:14px;
		margin-top:-20px;
		padding:4px 15px 4px 15px;
	}
	.cb-slider{
		margin-top:76px !important;
	}
	.cb-slider-box{
		height:140px;
	}
	.inner-banner{
		margin-top:76px !important;
		height:140px;
		background-size:auto 140px !important;
	}
	.inner-banner.poultry, .inner-banner.feed, .inner-banner.raw{
		height:140px !important;
		background-size:auto 140px !important;
	}
	.tp-bgimg.defaultimg{
		background-size:auto 140px;
	}
	.inner-content-row40{
		padding:0 10px !important;
	}
	.inner-content-row80{
		padding:0 10px !important;
	}
	ul.company-tab{
		padding:0 10px;
	}
	ul.company-tab li{
		width:100%;
		display:block;
	}
	ul.company-tab li a{
		padding:10px 20px;
	}
	.highlight-text-box{
		padding:20px 25px;
	}
	br.br-hide-show{
		display:block;
	}
	.bod-content{
		width:100%;
		margin:0 auto 40px auto;
		padding:0 10px 30px 10px;
	}
	.bg-vision-mission .inner-content{
		padding:20px 0 60px 0;
	}
	.cb-inner-banner-sublink{
		padding:10px 20px 0px 20px;
	}
	.cb-inner-banner-sublink .inner-title {		
		font-size:14px;
		top:10px;
		padding:4px 15px 4px 15px;
	}
	.cb-inner-banner-img .banner-img{
		height:150px;
		background-size:auto 150px;
	}
	.cb-inner-banner-img .banner-img.img-full{
		height:150px !important;
                background-size:120% auto;
	}
	.flour-types-grid .flour-types-text .title{
		font-size:16px;
		padding:8px 20px;
	}
	.prod-title{
		font-size:18px;
		margin-left:0px;
		padding:8px 20px;
	}
	.tbl-style th, .tbl-style td{
		padding:3px 5px;
		font-size:12px;
		line-height:18px;
	}
	.tbl-style th{
		font-size:14px;
		line-height:16px;
	}
	.tbl-style2 td{
		font-size:12px;
		line-height:18px;
	}
	.tbl-style3 th, .tbl-style3 td{
		padding:3px 5px;
		font-size:12px;
		line-height:18px;
	}
	.tbl-style3 th{
		font-size:14px;
		line-height:16px;
	}
        .tbl-style4 th, .tbl-style4 td{
	        font-size:12px;
		line-height:14px;
                padding:5px 10px;
        }
        .tbl-style5 th, .tbl-style5 td{
	        font-size:12px;
		line-height:14px;
                padding:5px 10px;
        }
	.tbl-style6 td{
	    font-size:12px;
		line-height:14px;
		vertical-align:top;
    }
	.tbl-style6 tr td img.ico-pdf{
		display:block;
		width:30px;
		height:30px;
		margin-bottom:5px;
	}
	.tbl-style6 td.td-flex{
		display:block;
	}

	.prod-box .prod-name{
		font-size:14px;
		line-height:16px;
	}
	.cb-inner-banner-img .title{
		font-size:18px;
	}
	.skill-img{
		height:100px;
		background-size:100% auto;
	}
	.btn-apply a{
		padding:3px 10px;
		font-size:12px;
	}
	.standalone.video h3{
		font-size:20px;
		padding-left:10px;
	}
	.video-iframe-box{
		padding:10px;
	}
	.standalone.video{
		max-width:320px;
	}
	.standalone2 h1{
		font-size:22px;
		line-height:24px;
	}
	.intrinsic-container {
		width:297px;
	}
	.halalan-box{
		padding:10px;
		background-size:auto 450px;
		margin-bottom:10px;
	}
	.halalan-box-inner{
		padding:20px;
	}
	.halalan-box-inner p{
		font-size:14px;
		line-height:20px;
	}
	ul.cert-list{
		flex-direction:column;
	}
	ul.cert-list li{
		padding:10px;
		display:block;
	}
	.csr-box{
		padding:0;
	}
        .feed-row{
		display:block;
	}
	.feed-list-img{
		background-size:600px auto;
		min-height:250px;
	}
	.feed-img{
		min-height:220px;
	}
	.feed-list-box{
		padding:10px 5% 30px 5% !important;
	}
	.feed-list-box.right:before{
		transform: rotate(90deg);
		left:50%;
		margin-left:-18px;
		top:-30px;
		margin-top:0;
	}
	.feed-list-box.left:before{
		transform: rotate(90deg);
		left:50%;
		margin-left:-18px;
		top:-30px;
		margin-top:0;
		right:auto;
	}
        .tbl-prod1 th, .tbl-prod1 td, .tbl-prod2 th, .tbl-prod2 td{
		font-size:12px;
	}
	
	.prod-ingredients{
		font-size:12px;
	}
        .border-box2{
                padding:20px 10px !important;
        }
        .border-box2 .title-box{
                font-size:16px;
                line-height:20px;
                left:10px;
                right:10px;
        }
	.standalone-title h2{
		font-size:14px;
		line-height:16px;
	}
	.img-grid figure{
		width:47% !important;
	}
	.img-ikan-dindin{
		width:100% !important;
		margin:10px 0% !important;
	}
	.img-ikan-dindin > div{
		width:48%;
		margin:10px 1%;
	}
}




@media (max-width: 479px) {
	.banner-fake{
		display:block;
		position:relative;
		top:auto;
		right:auto;
		left:auto;
	}
	.banner-fake figure{
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	.prod-details-left{
		width:100%;
		float:none;
	}
	.prod-details-right{
		width:100%;
		float:none;
	}
	.feed-img{
		min-height:200px;
	}
}

@media (max-width: 420px) {
	.cb-inner-banner-img .banner-img{
		height:100px;
		background-size:auto 100px;
	}
	.cb-inner-banner-img .banner-img.img-full{
		height:100px !important;
                background-size:120% auto;
	}
}

@media (max-width: 400px) {
	.milestone-box{
		height:380px;
	}
	.vision-right, .mission-left{
		height:200px;
	}
        .feed-list-img{
		background-size:400px auto;
		min-height:200px;
	}
}








/*Awards timeline*/
@media (max-width: 1000px) {
	.awards .awards-box{
		width:280px;
	}
}

/*@media (max-width: 768px) {
	.awards{
		width:50%;
	}
	.awards.right{
		width:50%;
		margin-left:50%;
	}
}*/
@media (max-width: 768px) {
	.awards-timeline{
		background:none;
	}
        .awards-row{
		margin-top:0 !important;
	}
	.awards{
		width:100%;
	}
	.awards.right{
		width:100%;
		margin-left:0%;
	}
	.awards.left .year{
		right:0px;
		left:-15px;
		padding:0 0 0 21px;
	}
	.awards.right .year{
		right:0px;
		left:-15px;
	}
        .awards.left.gold .year{
	        background-image:url(https://www.mfm.com.my/wp-content/uploads/circle_1b.png);
        }
        .awards.left.orange .year{
		background-image:url(https://www.mfm.com.my/wp-content/uploads/circle_2.png);
        }
	.awards.left .awards-box{
		margin-right:0px;
		margin-left:140px;
		float:left;
	}
	.awards.right .awards-box{
		margin-left:140px;
	}
	.awards .awards-box{
		width:70%;
		margin-bottom:30px !important;
	}
}

@media (max-width: 480px) {
	.awards.left .awards-box{
		margin-left:90px;
	}
	.awards.right .awards-box{
		margin-left:90px;
	}
	.awards .awards-box{
		margin-top:0;
	}
	.awards .awards-box .title{
		padding:8px 10px;
		font-size:16px;
		line-height:20px;
	}
	.awards-box p{
		padding:0 10px;
		margin-top:5px;
		font-size:12px;
		line-height:18px;
	}
	.awards .year{
		width:80px;
		height:64px;
		font-size:18px;
		line-height:64px;
	}
	.awards.left .year{
		padding:0 0 0 11px;
		background-size:80px auto;
	}
	.awards.right .year{
		padding:0 0 0 11px;
		background-size:80px auto;
	}
}