@media screen and (min-width:300px) and (max-width:1280px){
	.container {
		max-width:100%;
	}
	.wara-certificates-button-prev, .products-video-button-prev, .beosound-button-prev, .beoPlay-button-prev,.wara-accreditations-button-prev {left:-15px;}
	.wara-certificates-button-next, .products-video-button-next, .beosound-button-next, .beoPlay-button-next,.wara-accreditations-button-next {right:-15px;}
	
	.wara-certificates-button-prev img, .products-video-button-prev img, .beosound-button-prev img, .beoPlay-button-prev img,.wara-accreditations-button-prev img{height:100%}
	.wara-certificates-button-next img, .products-video-button-next img, .beosound-button-next img, .beoPlay-button-next img,.wara-accreditations-button-next img{height:100%}
}

@media screen and (min-width:1400px) and (max-width:1515px){
	.corporate-profile{font-size:17px;padding-right:10px;  }
	.box-div h6 	{font-size:20px;}
	h1 				{font-size:65px;}
	.readmore-btn	{font-size:18px;}
	.news-div h3 	{font-size:22px;}
	.since-year 	{font-size:120px;}
 
	.slogan 		{font-size:28px;}
	.corporate 		{font-size:35px;}
	.latest-main .col-lg-6{padding-top:75px;padding-bottom:75px;}
	.marafie-foundation img{width:300px }
	.connected-box {width:225px;}
	/*.social-links  {width:225px;height:225px }*/
	.marafie-group {margin:20% 13% 20% 13%;}
	.usefule-links-main h2 {font-size:38px;}
	.usefule-links-main ul li a {font-size:19px;}
	.chat-icon a 	{font-size:22px;}
	.chat-icon a img{height:48px }
	.business-cont 	{padding:15px 10px;}
	.business-cont .green-box{width:70px;padding:7px 15px 7px 5px }
	.business-cont .business-title {margin-left:90px;font-size:20px;height: 68px;}
	.news-title h1 {font-size:55px }
	/*.business-close-btn {width:63.714403%;}*/
	.subtabs-contents-main {padding: 15px 9% 35px 9%;}
	/*.title-business-area{width:325px }
	.business-main {padding-left:325px;}*/
	.inner-contents {padding:50px 60px 60px 60px;}
	.corporate-eligibility-main .col-lg-6 {padding-top:50px;padding-bottom:50px;}
	.eligibility-div h2 {font-size: 110px;}
	.eligibility-box h3 {font-size: 50px;}
}
@media screen and (min-width:1300px) and (max-width:1399px){
	.padding-left100px {padding-left:70px;}
	h1 				{font-size:45px;}
	.tagline 		{font-size:40px } 
	
	.corporate-profile{font-size:16px;padding-right:10px }
	.readmore-btn 	{font-size:17px;line-height:22px;padding:2px 15px 2px 3px;}
	.readmore-btn img{width:35px;margin-right:10px }
	.box-div h6 	{font-size:18px;}
	.latest-main .col-lg-6{padding-top:50px;padding-bottom:70px;}	
	.read-all-div 	{height: 150px;}
	.news-div h3 	{font-size:20px;}
	.news-div p 	{font-size:15px;}
	.marafie-foundation img {width:275px}
	.slogan 		{font-size:22px; margin: 40px 0;}
	.corporate 		{font-size:30px; margin:40px 0 15px 0}
	/*.title-business-area{width:300px }
	.business-main 	{padding-left:300px;}*/
	.connected-box {width:130px;}	
	.connected-box h6{font-size:23px;}
	.connected-div {padding:0px 15px 75px 15px}
	.connected-box h6{padding:120px 0 25px 0}
	.marafie-group {margin:20% 10% 15% 10%;}
	.marafie-group img{width:450px; }
	.usefule-links-main ul li{padding:0 10px}
	.usefule-links-main ul li a {font-size: 17px;}
	.chat-icon a img{height:40px}
	.footer-left 	{padding:40px 50px 40px 50px}
	.footer-right 	{padding:60px 50px 40px 50px}
	.address p 		{font-size: 16px;}
	.Locate-us,.contact{font-size:22px;}
	.news-title h1 {    font-size:55px; }
	/*.business-main {    padding-left: 100px;}
	.title-business-area{width:100px }*/
	.subsidiaries-container{margin:25px 5%;}
	.latest-main .container-fluid{margin:0px 7%;}
	 
	.useful-links ul {margin: 26px 0;}
	.useful-div {margin:0 320px 0 0;}
	.business-cont .green-box{width:60px;padding: 7px 10px 7px 0px;}
	.business-cont .business-title {margin-left:75px;font-size:20px;height: 63px;}
	
	.info-icon img 	{width:80px }
	.company-info h2 {font-size:60px }
	.history-container .swiper-pagination-bullets{left:80px }
	.vm-icon img 		{width:80px}	
	.vision-mission-main h2{font-size:45px }
	.corporate-eligibility-main h2{font-size:100px }
	
	.corporate-div h2 {font-size:55px }	
	.certificate-container .history-dtl h2{font-size:50px}
	.accreditations-text h2{font-size:35px;}
	.eligibility-box h3 { font-size: 55px;}
	.eligibility-div {padding-left:7%;padding-right:7%;}
	.csr-div-dtl h2 	{font-size:40px}
	/*.business-close-btn {width:60.814403%;}*/
	.subtabs-contents-main {padding: 15px 6% 35px 6%;}
	.subsidiary-title h1{font-size:55px;}
	.our-woodworks-text h2{padding-top:0px;padding-bottom:20px;}
	.Woodworkslist li{padding:6px 0px 6px 30px }
	.Woodworkslist li i{top: 14px}
	.inner-contents {padding: 50px 50px 60px 60px;}
}
@media screen and (min-width:1200px) and (max-width:1299px){
	.padding-left100px {padding-left:70px;}
	.home-contents .padding-left100px { padding-right:100px;}
	h1 				{font-size:45px;}
	.tagline 		{font-size:35px } 
	.corporate-profile{font-size:15px;padding-right:5px }
	/*.readmore-btn 	{font-size:17px;line-height:22px;padding:2px 15px 2px 3px;}
	.readmore-btn img{width:35px;margin-right:10px }*/
	.box-div h6 	{font-size:17px;margin: 0 30px;}
	.sub-text p 	{padding-right:20px}
	.home-contents p{font-size:15px;margin:0 15px 0 0 }
	.read-all-div 	{height: 150px;}
	.latest-main .col-lg-6{padding-top:70px;padding-bottom:70px;}
	.news-div h3 	{font-size:18px; }
	.news-div div 	{padding:10px 30px 10px 30px}
	.news-div:hover h3{letter-spacing:1px}
	.news-div p 	{font-size:15px;}
	.subsidiaries-div{padding:25px 0 15px 0;}
	.cs-reponsibility-div{padding:35px 15px}
	.marafie-foundation img {width:250px}
	.slogan 		{font-size:25px; /*margin:30px 0;*/}
	.corporate 		{font-size:30px; /*margin:30px 0 15px 0*/}
	.business-title{font-size:18px;}
	/*..business-main 	{padding-left:250px;}
	title-business-area{width:250px}*/
	.subsidiaries-container{margin:25px 5%;}
	.latest-main .container-fluid{margin:0px 7%;}
	.news-title h1{height:67px}
	.busness-area 	{font-size:30px;}
	.busness-area p {font-size:50px;}
	
	.about-navigation ul li a{font-size: 16px;}
	.inner-contents {padding:40px;}
	.corporate-eligibility-main .col-lg-6{padding-top:40px;padding-bottom:40px;}
	.info-icon img 	{width:75px }
	.company-info h2 {font-size:55px }
	.group-title img 	{height:50px}
	.group-title h2 {font-size:45px;}
	.group-title div img {height:60px;}
	.history-dtl h2 {font-size:45px}
	.vision-mission-main .col-lg-6 p br{display: none}
	.history-container .swiper-pagination-bullets{left:70px }
	/*.vm-icon img 		{width:75px}*/
	.vision-mission-main h2 {font-size:40px }
	.corporate-div h2 {font-size:40px }
	.eligibility-div{padding-left:7%; padding-right:7%;}
	.eligibility-text h2{font-size:90px;}
	.eligibility-box h3{font-size:45px}
	.certificate-container .history-dtl h2 span{font-size:30px}	
	.certificate-container .history-dtl h2{font-size:40px}
	.certificate-container .history-dtl p{font-size:18px}
	.certificate-div 	{padding:50px 30px 50px 15px}
	.certificate-container {height:400px;}
	.accreditations-text h2{font-size:33px;}
	.csr-div-dtl h2 	{font-size:35px}
	/*.business-close-btn {width:57.514403%;}*/
	.subtabs-contents-main {padding: 15px 5% 35px 5%;}
	.subsidiary-title h1{font-size:50px;}
	.bisness-main 	{padding: 80px 5%}
}
@media screen and (min-width:1024px) and (max-width:1199px){
	.home-contents {padding: 25px 0px 15px 0px;}
	.padding-left100px {padding-left:50px;}
	.home-contents .padding-left100px { padding-right:80px;}
	h1 				{font-size:45px;}
	.tagline 		{font-size:30px } 
	.scrolldown 	{font-size:20px } 
	
	.greenbox 		{width:39px;height:37px }
	.corporate-profile img{margin-right:5px;width:20px; }
	.since-year 	{font-size:85px;line-height:75px;}
	.corporate-profile{font-size:13px;padding-right:5px }
	/*.readmore-btn 	{font-size:16px;line-height:22px;padding:2px 15px 2px 3px;}
	.readmore-btn img{width:32px;margin-right:10px }*/
	.button 		{padding:7px 35px 7px 35px }
	.box-div h6 	{font-size:15px;margin: 0 25px;}
	.sub-text p 	{padding-right:10px;font-size:14px;}
	.home-contents p{font-size:14px;margin:0 50px 0 0 }
	.latest-main .swiper-button-prev, .latest-main .swiper-button-next{height:100px;width:65px;padding:28px 0px 0px 0px;margin-top:-50px}
	.latest-main .swiper-button-prev img, .latest-main .swiper-button-next img {width:20px;}
	/*.read-all-div 	{height: 65px;}*/
	.news-container .swiper-slide .latest-cont { }
	.latest-main .col-lg-6{padding-top:50px;padding-bottom:50px;}
	.news-div h3 	{font-size:18px; }
	.news-div div 	{padding:5px 20px 7px 20px}
	.news-div:hover h3{letter-spacing:1px}
	.news-div p 	{font-size:15px;}
	.subsidiaries-div{padding:25px 0 15px 0;}
	.cs-reponsibility-div{padding:35px 15px}
	.marafie-foundation img {width:230px}
	.slogan 		{font-size:22px;}
	.corporate 		{font-size:30px } 	
	.useful-links h2 {font-size:28px;}
	.useful-links ul {margin:14px 0;}
	.useful-links ul li{padding-right:15px;}
	.useful-links ul li a{font-size:15px;}
	footer 			{padding:40px 0px 0 0px}
	.useful-div 	{margin:0 360px 0 0 }
	.social-links 	{width:90px;height:90px;line-height:90px;}
	/*.business-main {    padding-left: 200px;}
	.title-business-area{width:200px }*/
	.subsidiaries-container{margin:25px 5%;}
	.latest-main .container-fluid{margin:0px 7%;}
	.news-title h1{font-size:45px;}
	.news-div .date-span {font-size:40px;line-height:40px;}
	.business-cont .green-box{width:50px;padding:5px 10px 5px 0px;}
	.business-cont .business-title {margin-left:70px;font-size:18px;height:50px;}
	.business-cont{padding:15px }
	/*.business-close-btn {width:49.514403%;}*/
	.wsmenu-list > li > a{font-size:15px;padding:8px 15px; }
	.m-bar			{margin: 0 10px;}
	.T-bar			{margin: 0 10px;}
	.search-main	{right:15px }
	.language-link {margin: 7px 87px 0 20px;}
	.wsmenu-submenu li a{font-size: 13px;}
	.subtabs-contents-main {padding: 15px 3% 35px 3%;}
	.subtabs-contents ul li a{font-size:16px;}
	.submenu-div ul li a {font-size:13px;}
	.subsidiary-title h1{font-size:45px;}
	.subsidiaries-title{font-size:45px;}
	.our-woodworks-text {padding:50px 50px;}
	.company-info h2 {font-size:50px;}
	.inner-contents {padding:40px 30px 40px 40px;}
	.vm-icon img { height:50px;}
	.group-title div img {height:45px;}
	.group-title h2 {font-size:40px; }
	.history-dtl h2 {font-size:45px;}
	.history-dtl p {font-size: 16px;}
	.vision-mission-main h2{font-size:45px;}
	.vision-mission-main .col-lg-6 {padding: 0px 50px;}
	.corporate-div h2 {font-size:40px;}
	.eligibility-div h2{font-size:75px;}
	.eligibility-box h3{font-size:40px}
	.corporate-eligibility-main .col-lg-6 {padding-top:40px; padding-bottom:40px;}
	.eligibility-div{padding-left:6%;padding-right:6%;}
	 .subsidiaries-container .swiper-slide {padding: 0px 10px;}
	.title-business-area{width: 200px;top:25% }
	.business-area-business{padding-left:200px}
	.footer-logo img{height:70px }	
	.bisness-main{padding:80px 0px}
	.cc-contents h2 {font-size:40px;}
	.busi-dtl h2 	{font-size:17px;}
	.project-inner {padding:0px 20px 15px 20px }
	.featured-title h1 {font-size:50px;}
	.project-inner h1{padding:15px 0px;font-size:35px;}
	.project-dtl 	{padding:0px 15px 15px 0px;}
	.projects-other-info {padding: 0px 0px 15px 15px;}
	.project-next-prev {top: 60%;}
	.project-next-prev a {width:50px;adding: 50px 17px;}
	.our-recognition {padding-left: 100px;}
	.wara-subsidiaries-container .subsi-slide {padding:15px 5px;}
}
@media screen and (min-width:100px) and (max-width:1023px){
	.close-btn		{top:10px;right:10px;width:30px;}
	.cleaning-division-banner,.janitorial-general-banner,.crprtclsrspns-banner,.marafie-playgrounds-banner,.marafie-swimming-pools-services-banner,.our-prominent-services-banner,.products-audio-banner{padding:25px 0px}
	
	.parallaxcont {background-position:center 0px!important;background-attachment:local!important;}
	.vision-dasco {background-position:0px 0px!important;background-size:170% auto!important;}
	.mission-dasco{background-position:right 0px!important;background-size:165% auto!important;}
	.transparent-div {display:block}
	p {padding-bottom:15px;}
}

@media screen and (min-width:781px) and (max-width:1023px){
	.home-contents {padding: 25px 0px 15px 0px;}
	.padding-left100px {padding-left:50px;}
	.home-contents .padding-left100px { padding-right:80px;}
	h1 				{font-size:40px;}
	.tagline 		{font-size:25px } 
	.scrolldown 	{font-size:18px } 
	
	.greenbox 		{width:39px;height:37px }
	.corporate-profile img{margin-right:5px;width:20px; }
	.since-year 	{font-size:85px;line-height:75px;}
	.corporate-profile{font-size:13px;padding-right:5px }
	.button 		{padding:7px 30px 7px 30px; } 
	.business-cont 	{padding:10px 10px}
	.business-title {font-size:13px;}
	.readmore-btn img{width:32px;margin-right:10px }
	.box-div h6 	{font-size:15px;margin: 0 25px;}
	.sub-text p 	{padding-right:10px;font-size:14px;}
	.home-contents p{font-size:14px;margin:0 50px 0 0 }
	.latest-main .swiper-button-prev, .latest-main .swiper-button-next{height:100px;width:65px;padding:28px 0px 0px 0px;margin-top:-50px}
	.latest-main .swiper-button-prev img, .latest-main .swiper-button-next img {width:20px;}
	.read-all-div 	{height:60px;}
	.news-div h3 	{font-size:18px; }
	.latest-main .container-fluid{margin:0px 5% }
	.news-title h1 {font-size:50px }
	.news-div div 	{padding:5px 20px 7px 20px}
	.news-div:hover h3{letter-spacing:1px}
	.news-div p 	{font-size:15px;}
	.subsidiaries-div{padding:25px 0 15px 0;}
	.cs-reponsibility-div{padding:35px 15px}
	.marafie-foundation img {width:230px}
	.slogan 		{font-size:18px; margin:30px 0;}
	.corporate 		{font-size:25px; margin:30px 0 15px 0}
	.useful-links h2 {font-size:25px;}
	.green-box 		{width: 35px;height:35px;margin-right:10px; }
	footer 			{padding:25px 0px 0 0px }
	.up-div 		{right:10px }
	.social-links 	{height:70px;width:70px;line-height:70px  }
	.social-links img {width:20px;}
	.useful-div 	{margin:0 290px 0 0}
	.useful-links ul {margin:8px 0;}
	.useful-links ul li{padding-right:10px}
	.useful-links ul li a {font-size:14px; }
	
	.marafie {margin:0 0 0 15px;width:100px;height:74px}
	.wsmenu-list > li > a{padding:8px 5px;font-size: 13px; }
	.m-bar 		{margin: 0 10px;}
	.T-bar 		{margin: 0 10px;}
	.language-link {margin:7px 49px 0 0px; }
	.title-business-area{padding-top: 45%;}
	.busness-area p {font-size:50px;}
	.busness-area {font-size:35px;}
	.business-cont .green-box{float: none;width:60px;height: auto}
	.business-cont .business-title {margin-left:5px;}
	.business .green-box img{height: auto}
	.subsidiaries-container .swiper-slide {padding: 0px 0px;}
	.subsidiaries-menu ul li{font-size:13px;padding:3px 25px; }
	.subsidiaries {padding:5px}
	.subsidiaries-container,.subsidiaries-div h1{margin:25px 4% 0px 4% }
	.latest-main .col-lg-6{padding:50px 15px }
	.gallery-container {margin-left:0px;}
	.news-container {margin-right:0px;}
	.news-div .date-span {font-size:50px;line-height:50px;}
	.news-div p {padding:0px }
	.news-div h3{padding:10px 10px 20px 10px;font-size: 16px;}
	.news-title h1{font-size:40px;padding-bottom:40px  }
	.subsidiaries-div h1{font-size:45px;}
	.company-info h2 {font-size:30px;}
	.company-info p{font-size:15px }
	.info-icon img {width:60px;}
	.about-navigation ul li{/*padding:0px 5px;*/font-size:13px;}
	.about-navigation ul li a{font-size:13px;}
	.submenu-right{padding: 19px 5px;}
	.inner-contents {padding:15px 15px 15px 15px;}
	.vision-mission-main .col-lg-6{padding:0px 50px;}
	.vm-icon img {height:50px;}
	.vision-mission-main h2{font-size:45px }
	.vision-mission-main .col-lg-6 p{line-height:24px;font-size:17px}
	.vision-mission-main .col-lg-6 p br{display: none}
	.corporate-eligibility-main .col-lg-6 {padding-top:30px; padding-bottom:30px;}
	.corporate-eligibility-main h2{font-size:30px;}
	.eligibility-div{padding-left:5%;padding-right:5%;}
	.eligibility-text h2 {font-size:60px}
	.eligibility-box{padding:45px 25px 45px 25px}
	.eligibility-box h3 {font-size: 40px;}
	.certificate-container {height:350px;}
	.certificate-div{padding:30px 15px 30px 15px }
	.certificate-container .history-dtl h2 span{font-size:20px;}
	.certificate-container .history-dtl h2{font-size:45px;}
	.certificate-container .history-dtl p{font-size:13px;}
	.marafie-foundation-div img{width:150px }
	.ec-friendly img:last-child {margin-top:0px;}
	.featured-detail h2 {font-size: 50px;line-height:50px;}
	.featured-detail h3{font-size: 25px;}
	.featured-detail p{font-size:15px;}
	.featured-detail{padding:15px; }
	.about-navigation ul.controls li a{padding:5px 0px;font-size: 14px!important;}	
	.about-navigation ul.controls{  }
	.sort-by {padding:0px; }
	.search-menu {margin-right:15px;}
	.gallery-navigation .submenu-right{padding: 0px 5px;}
	.about-navigation h2{font-size: 30px}
	.is-sticky .sort-by {padding:0px 0px;}
	.pro-name{font-size:13px; }
	.info-dtl h2{font-size:25px; }
	.info-dtl .sub-cate{font-size:15px; }
	.quote-slider-wrapper {padding: 0px 15px;}
	.quote-slider .featured-title h1{font-size:40px;line-height:40px; }
	.news-slide-title h2{font-size:50px;line-height:50px; }
	.news-slide-title div{font-size:22px; }
	.quote-slider p{font-size:14px; }
	.details-div {padding-top:5px;}
	.quote-slider .news-button-next{right:15%;}
	.quote-slider .news-button-prev{left:15%;}
	.news-banner-contents{top:50px;}
	.close-btn{top:25px;}
	.contact-banner .featured-title {padding-left:0px;}
	.bnr-subsidaries-cont .numberic-div{font-size:50px;}
	.subtabs-contents-main {padding: 15px}
	.address-div { padding-left:30px; padding-right:30px;}
	.address-contnets{padding:10px 15px 10px 15px}
	.subtabs-links{padding:15px 15px;}
	.subtabs-contents ul li {padding:7px 5px;}
	.subtabs-contents li a{font-size:13px; }
	/*.business-close-btn{width:20%;}*/
	.business-menu-sub{/*width:80%;*/}
	.business-menu h3{font-size:25px;}
	.buslink {font-size:15px;}
	.close-menu{width:35px }
	.close-menu-div{/*padding:20px; */}
	.search-main{right:3px }
	.business-area-navi .subs-navi-submenu .submenu-right{width:95px;}
	.subs-navi-submenu .submenu-right {width:60px;padding:2px 0px 0px 0px;}
	.subs-navi-button-prev, .subs-navi-button-next{height: 50px}
	.subsNaviContainer .swiper-slide a {padding:14px 0px;font-size:16px;}
	.group-title div img {height:50px;}
	.group-title h2{font-size:40px;padding:15px 0;}
	.scrollbar {height:270px;}
	.history-dtl h2 {font-size:40px;}
	.history-dtl p {font-size:16px;}
	/*.history-container .history-dtl{bottom:10px;line-height:20px; }*/
	.csr-div-dtl h2{font-size:40px;padding:20px 0  }
	.marafie-foundation-div .tree-globe{width: 100px;}
	.sustainability-div{margin-left:115px }
	.sustainability-div h3{padding-top:30px;}
	.ec-friendly{padding:40px 0; }
	.project-inner {padding:0px 15px 15px 15px }
	.featured-title h1 {font-size:50px;}
	.project-inner h1{padding:15px 0px;}
	.project-dtl 	{padding:0px 10px 15px 0px;}
	.projects-other-info {padding: 0px 0px 15px 10px;}
	.project-next-prev {top: 60%;}
	.project-next-prev a {width:50px;padding: 50px 17px;}	
	.subsidiary-title h1 {font-size:50px;}
	.subsidiary-logo h2 {font-size:27px;}
	.subsidiaries-contents {padding:40px 15px;}
	.subsidiaries-title {font-size:40px;padding-bottom:40px;}
	.our-recognition-banner {padding:50px 0;}
	.our-recognition {padding-left:50px;}
	.our-recognition-text {padding:0px 0;}
	.our-divisions .thumb-th {width:30%;margin:10px;}
	.wara-subsidiaries-container .subsi-slide {padding:15px 5px;}
	.group-div {background-position: left 0px!important; }
	.eligibility-div{background-position: right 0px!important; }
}
@media screen and (min-width:900px) and (max-width:1023px){
	.wsmenu-list > li > a{padding:8px 10px!important;font-size:15px;}
	
}

@media screen and (min-width:300px) and (max-width:780px) {
	.wsmenucontainer {display: none!important}
	.logo-desktop,.rightcol::after{display: none}
	.logo-mobile 	{display:block;  }
	header 			{padding-top:0px;background:rgba(255,255,255,0.85);height:50px;box-shadow:0px 1px 1px rgba(0,0,0,0.1);position:fixed }
	.animated-arrow {margin:10px 0 0 15px}
	.marafie 		{width:56px;margin:5px 0 0 50px}
	.logo-mobile 	{width:240px;height:auto}
	.logo-mobile img{height:auto;position:static;  }
	.subsidy-logo:hover {right:-35px;}
	.tagline 		{font-size:20px;padding: 0 0 0 0%;text-align: center;right:0px;left:0px;}
	.scrolldown 	{bottom: 30px;font-size:16px;}
	.rightcol .m-bar			{display: block;width: 25px;height: 30px;background-position:center bottom;position:fixed;top:10px;left:10px;margin:0px;}
	.rightcol .T-bar			{display: block;width: 25px;height: 30px;background-position:center bottom;position:fixed;top:10px;left:10px;margin:0px;}
	.rightcol 		{width:105px;/*width: 160px;*/margin:9px 0 0 0;}
	.language-link 	{margin:2px 0px 0px 0px;color:#000;border:2px solid #000}
	.language-link:hover {color:#000;border: 2px solid #000;}
	.search-main 	{width:35px;height:40px;right:15px;top:-5px  }
	.opened.search-main {width:250px;}
	.search-link 	{margin:6px 5px 0px 0px;font-size:10px;background: url(../images/search-icon.png) center bottom no-repeat!important; background-size:96% auto!important; }
	.search-sub 	{right:0px;top:0px;bottom:auto;height:39px }
	.inputsearch 	{margin: 0 40px 0 0;} 
	.inputsearch .form-control{font-size:15px;padding:7px 10px 10px 12px}
	.search-btn 	{width:32px;height:32px;}
	.subsidy-logo 	{padding:5px 50px 7px 10px;height:40px;bottom:auto;top:-5px }
	.mobile-logo 	{display: block;padding:5px 10px;background:#fff;  }
	.mobile-logo a{display: block;text-align: left}
	.mobile-logo img{height:33px}
	.wsmenu .wsmenu-list{width:99%;}
	.banner-main 	{margin-top:0px }	
	.latest-main .container-fluid{padding:0px 15px }
	.latest-main .container-fluid{margin:0px; }
	.title-business-area{padding:10px 0;width:100%;top:0px;left:0px;right:0px;bottom: auto;background:rgba(255,255,255,0.9)    }
	.busness-area  	{transform:rotate(0deg);padding-top: 50px!important;}
	.subsidiaries-home h1{padding-top:35px!important;}
	.business-main 	{padding-left:0px }
	.news-container {margin-right:0px; }
	.gallery-container {margin-left:0px;}
	.wsmenu-list > li > a.nav-active{background:#fff;color:#00a031  }
	.wsmenu-list > li:hover > a,.wsmenu-list > li > a:hover{background:#fff!important;color:#00a031!important  }
	
	.business-cont .green-box{float:none;width:50px;padding:5px 5px 10px 0px;height:auto}
	.business-cont .green-box img{height:auto}
	.business-cont .business-title {margin-left:0px;}	
	.subsnavi-container-main{padding:0 35px 0 35px;margin:0 0px 0 0px;}
	.subsNaviContainer .swiper-slide a{padding:11px 0px;font-size:15px;}
	.submenu-right 	{padding:6px 10px;}
	.is-sticky .submenu-right {padding:6px 25px 0px 10px;}
	.close-menu-div a {width:30px;height:30px;display:block}
	.search-menu-div{top:-3px;}
	.search-menu, .menu-bar{margin-top: 0px;}
	.m-bar 			{margin:0 0px}
	.T-bar 			{margin:0 0px}
	.subs-navi-submenu .submenu-right {width:50px;}
	.menu-bar,.submenu-right{display: none}
	.business-area-navi .subs-navi-submenu .submenu-right {width:55px;}
	.business-area-navi .subsnavi-container-main {margin:0 0px 0 0px;}
	.business-area-navi .subs-navi-submenu .submenu-right{display:none}
	.about-navigation ul li a{padding:7px 0;}
	ul.gallery-links li a.active::before{top: 73%}
	.sort-by, .business-label{padding:7px 0px}
	.subs-navi-button-prev,.subs-navi-button-next {text-align: center;}
	.swiper-button-prev, .swiper-button-next {height:45px;margin-top:-23px;}
	.subs-navi-button-next{right:0px; }
	/*.submenu-right,.submenu-two{display: none}*/
	.about-navigation,.submenu-main{overflow: visible}
	.photo-gallery-navi .submenu-main{overflow:hidden;	}
	.photo-gallery-navi h3{float: none;padding-bottom:0px; }
	.inner-contents {padding:25px 15px 25px 15px;}
	.vision-mission-main .col-lg-6{padding-top:100px;padding-bottom:100px;}
	.quote-slider-wrapper{padding:0px;}
	.wsmenu-list li > .wsmenu-submenu::before,.wsmenu-list li > .wsmenu-submenu::after{display: none}
	.project-inner{padding:0 15px 15px 15px}
	.project-next-prev{top: auto;bottom:70px;margin-top:0px;  }
	.inner-project-bnr .featured-title h1 {font-size:30px;line-height:30px;}
	.project-next-prev a{padding:30px 15px;width:40px;  }
	.bisness-main{padding: 30px 15px;}
	.cc-contents {padding: 0px 15px;}
	.cc-contents h2 {font-size:30px;}
	.business-thumb .col-lg-12 h4 {font-size:20px;}
	.busi-dtl h2 {font-size:15px;}	
	.business-area-business{padding-left:0px;}
	.wsmenu-list > li.none{display:block!important}
	/*.parallaxcont {background-attachment: local!important;}*/
	.fp-section.fp-table, .fp-slide.fp-table,.fp-tableCell{height: auto!important}
	.projects-other-info .form-group label {font-size:16px;}
	.gallery-dtl-links h3 {padding:7px; }
	.banner-boxes{padding:15px 0 0 0;}
	.job-item {padding:15px 15px;}
	.job-detail {margin-top:20px;}
	.career-contents {padding-bottom:20px;}
	.upload-contents{padding:25px 15px}	
	.upload-contents p{font-size:20px;line-height:24px;}
	.btnradius {padding:12px 25px 12px 25px;font-size:18px; }
	.contact-banner .featured-title{padding-left:80px!important;}
	.contact-banner .featured-title h1{padding-left:0px!important;}
	.adddress-form {padding-bottom:30px;}
	.contact-banner {background-size:cover;background-position:center top}
	.divisions-banner{padding:25px 0px 30px 0px;}	
	.subsi-map-main .subsidiaries-title{top:auto;bottom:15px;left:15px;padding:5px 10px;font-size:20px;}
	.subsi-map-main .subsidiaries-title span {font-size:20px;}
	
	.business-menu-sub{float:left}
	.close-menu 	{left:auto;right:-50px}
	.business-menu 	{left:100%;right:auto;}
	.business-sub 	{transform:translateX(-100%);}
	.business-close-btn{
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.7063200280112045) 0%, rgba(0,0,0,0.38139005602240894) 67%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7063200280112045) 0%, rgba(0,0,0,0.38139005602240894) 67%, rgba(0,0,0,0) 100%);		
background: linear-gradient(90deg, rgba(0,0,0,0.7063200280112045) 0%, rgba(0,0,0,0.38139005602240894) 67%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
	.business-menu.opened {right:auto;left:0px;}
	.business-menu.slidemenu .business-sub{transform:translateX(0%);}
	.title-business-area {left:auto;right:0px;padding-top:0px;}
	.business-area-business{padding-left:0px;}
	.business-div .mCSB_scrollTools .mCSB_buttonRight{left:auto;right:15px;}
	.business-div .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{background: url('../images/next-btn-green.png') center center no-repeat !important;}
	.subs-navi-button-prev, .subs-navi-button-next{padding-top:0px;}
	.contact-banner .fp-tableCell,.contact-banner .fp-section.fp-table{display: block}	
}

@media screen and (min-width:576px) and (max-width:780px){
	.home-contents {padding:15px 0px 15px 0px;}
	.padding-left100px {padding-left:15px;}
	.home-contents .padding-left100px { padding-right:15px;}
	/*h1 				{font-size:30px;}*/
	/*.tagline 		{top:10%;font-size:23px} 	*/
	.greenbox 		{width:39px;height:37px}
	.corporate-profile img{margin-right:3px;height:20px;}
	.since-year 	{font-size:85px;line-height:75px;}
	.corporate-profile{font-size:11px;padding-right:0px;padding:3px; }
	/*.readmore-btn 	{font-size:13px;line-height:25px;padding:2px 15px 2px 3px;}*/
	.sub-text .readmore-btn {margin-top:0px;}
	.readmore-btn img{width:25px;margin-right:10px }
	.box-div h6 	{font-size:12px;margin: 0 5px;}
	.sub-text p 	{padding-right:0px;font-size:12px;}
	.home-contents p{font-size:12px;margin:0 50px 0 0;padding-bottom:0px;  }
	.latest-main .swiper-button-prev, .latest-main .swiper-button-next{height:80px;width:45px;padding:23px 0px 0px 0px;margin-top:-40px}
	.latest-main .swiper-button-prev img, .latest-main .swiper-button-next img {width:15px;}
	.read-all-div 	{height:70px;padding:20px 0 50px 0 }
	.latest-main .col-lg-6{padding-top:30px;padding-bottom:30px;}
	.news-div h3 	{font-size:13px;padding:10px 10px 10px 10px }
	.news-div .date-span {font-size: 50px;line-height: 50px;}
	.news-div div 	{padding:5px 10px 5px 10px}
	.news-div:hover h3{letter-spacing:1px}
	.news-div p 	{font-size:11px;}
	.subsidiaries-div{padding:5px 0 10px 0}
	.subsidiaries-contents-two{padding:25px 0 25px 0}
	.cs-reponsibility-div{padding:26px 15px}
	.marafie-foundation img {width:150px}
	.slogan 		{font-size:13px; margin:20px 0;}
	.corporate 		{font-size:17px; margin:30px 0 15px 0}
 	.subsidiaries img { max-width: 100%;max-height:100%;}
	.swiper-pagination-bullet{height:12px;width:12px;}
	.connected-box {width:120px;}
	.social-links  {width:120px;height:120px }
	.social-links img{width:30px; }
	.connected-box h6{font-size:15px;}
	.connected-div {padding:0px 15px 25px 15px}
	.connected-box h6{padding:30px 0 20px 0}
	.marafie-group {margin:10% 0% 10% 0%;}
	.usefule-links-main h2 {font-size: 20px;}
	.usefule-links-main {margin:15px 0% 10px 0%}
	.usefule-links-main ul{margin:15px 0;}
	.usefule-links-main ul li{padding:0 2px}
	.usefule-links-main ul li:last-child{padding-right:0px }
	.usefule-links-main ul li a {font-size: 10px;}
	.chat-icon a 	{font-size:15px;}
	.chat-icon a img{height:30px}
	.footer-left 	{padding:15px 15px 15px 15px}
	.footer-right 	{padding:55px 15px 15px 15px}
	.up 			{margin-top:0px;font-size:18px}
	.address div img{width:45px } 		
	.address p 		{font-size: 12px;}
	.Locate-us,.contact{font-size:17px;}
	.terms-privacy 	{padding:5px 0 0 0 }
	.terms-privacy a {font-size:12px }
	.Locate-us 		{margin-top:10px }
}

@media screen and (min-width:576px) and (max-width:780px) {
	h1 				{font-size:30px;}
	
	.tagline 		{font-size:30px; }
	.green-box 		{width:30px;height:30px;}
	.business-cont 	{padding:15px 15px}
	.business-title {font-size:17px;}
	.button 		{padding:7px 30px 7px 30px;font-size:18px;}
	footer 			{padding:15px 0 0 0}
	.footer-logo img{width: 400px}
	.useful-links h2 {font-size:25px;}
	.useful-div 	{margin: 0 200px 0 0}
	.social-links 	{width:50px;height:50px;line-height:50px}
	.useful-links ul {margin:4px 0;}
	.up-div 		{right:10px;top:15px;  }
	.slogan 		{font-size: 15px;}
	.corporate 		{font-size:20px;}
	.useful-links ul li{padding-right:5px;}
	.useful-links ul li a{font-size:10px }
	.social-links img {width:15px;}
	.company-info 	{padding:15px 5px;}	
	.career-banner .company-info-main{padding-top: 30px;}
	.group-div 		{background-size:195% auto;background-position:0px center!important}
	.info-icon img {width:60px;}
	.company-info h2{font-size:35px;}
	.company-info p{font-size:14px;line-height:16px;}
	.eligibility-div h2{font-size:59px;}
	.corporate-eligibility-main .col-lg-6{padding-top:30px;padding-bottom:30px;padding-left:3%;padding-right:3%;}
	.eligibility-box{padding:30px 15px 30px 15px;}
	.eligibility-box h3{font-size:35px;}
	.corporate-div h2{font-size:30px;}
	.certificate-div {padding:30px 10px 30px 10px;}
	.certificate-container {height:300px;}
	.certificate-container .history-dtl{padding-left:25px}
	.certificate-container .history-dtl h2 span{font-size: 20px;}
	.certificate-container .history-dtl h2{font-size:35px;}
	.certificate-container .history-dtl p{font-size:12px;}
	.accreditations-text h2{font-size:25px;}
	.vm-icon img {height:50px;}
	.csr-div-dtl h2 {font-size:35px; padding:15px 0;}
	.ec-friendly-main .marafie-foundation-div{text-align:center}
	.ec-friendly-main .marafie-foundation-div img{float:none}
	.ec-friendly img:last-child {margin-top:0px;}
	.featured-title h1{font-size:40px;line-height:40px;}
	.featured-title h1 span{font-size:30px;}
	.featured-detail 	{padding:10px 0px;}
	.featured-detail h2{font-size:40px;line-height:40px;}
	.featured-detail h3{font-size:20px;}
	.featured-detail p{font-size:14px;}
	.project-banner-contents{top:32% }
	.pro-name 		{font-size:12px;}
	.info-dtl h2 	{font-size:20px;}
	.info-dtl .sub-cate{font-size:14px;}
	.more-div 		{font-size:15px;right:10px;bottom:10px;}
	.project-thumb h3{font-size:16px;}
	.gallery-list{width: 25%;}
	.gallery-dtl-links ul li {padding:10px 20px;}
	.about-navigation h2{font-size:25px;}
	.news-banner-contents{top: 30px;}
	.news-banner-contents .align-vertical-center{display: block}
	.news-banner-contents .featured-title h1 {padding:0px;font-size:35px;line-height:35px;}
	.news-slide-title h2{padding-top:0px;font-size:55px;}
	.news-slide-title{padding:10px 0px;}
	.news-slide-title div{font-size:20px;}
	.quote-slider .news-button-next{right:15%;}
	.quote-slider .news-button-prev {left:15%;}
	.quote-slider .news-button-prev, .quote-slider .news-button-next {width:20px;top:40%}
	.quote-slider p{font-size:12px; }
	.details-div {padding-top:0px;}
	.news-detail .container{width:100%;max-width:100%  }
	.news-detail .close-btn{top:20px }
	.news-detail-info{padding:30px }
	.contact-banner .featured-title {padding-left:0px;}
	.subtabs-links a{margin:0px 15px}
	.subtabs-links{padding:15px 15px }
	.subtabs-contents-main { padding:10px 2% 25px 2%;}
	.address-div {padding-left:15px;padding-right:15px;}
	.address-div h2 {padding:15px 0px;font-size:25px; }
	.address-contnets{padding:10px 15px 10px 15px }
	.address-contnets p{font-size:14px }
	.project-dtl {padding: 0px 0px 15px 0px}
	.project-dtl p,.list-group li{font-size:14px }
	.projects-other-info {padding: 0px 0px 15px 0px;}
	.projects-other-info .form-group label {font-size:16px;}
	.subsidiaries-list .subsidiaries{width:33.33%;padding:10px;  }
	.subsidiaries-menu ul li{font-size:12px}
	.subsidiaries-container .swiper-slide {padding:0px 5px;}
	/*.subsidiaries-div h1,.subsidiaries-container, .wara-subsidiaries-container{margin:0px 3% 25px 3%}*/
	.busness-area 		{margin: 0px 3% 10px 3%;}
	.subsidiaries-div h1{margin: 0px 3% 15px 3%;font-size:40px;}
	.subsidiaries-div h1 span{font-size:30px;}
	.subsidiaries-container, .wara-subsidiaries-container{margin:15px 3% 0px 3%;}
	.subsidiaries-menu ul li{padding:2px 10px}
	.c-action 		{width: 33vw;}
	.busness-area	{font-size:30px}
	.busness-area p{font-size:40px}
	.subsi-slide,.wara-subsidiaries-container .subsi-slide{padding:15px 0;}
	.subsidiaries a{padding:0px 10px;}
	.group-title h2 {font-size:35px;padding:20px 0;}
	.history-dtl p {font-size:16px;}
	.history-dtl h2 {font-size:45px;}
	/*.history-container .history-dtl{bottom:5px;}*/
	.vision-mission-main .col-lg-6{padding:30px 25px}
	.vision-mission-main .col-lg-6 p{font-size:16px;line-height:25px}
	.eligibility-div {}
	.group-title div img {height:50px;}	
	.news-div .date-span{font-size:40px}
	.news-title h1{font-size:40px;padding-bottom:25px;}
	.eligibility-div{background-size:195% auto;background-position:right center!important}
	.marafie-foundation-div img{/*width:175px*/ }
	.marafie-foundation-div{display: flex;width:100%;align-content: center;align-items: center}
	.tree-globe{width:150px!important;float:left!important }
	.marafie-foundation-div h3{padding-top:15px;width:100%;}
	.ec-friendly {padding:30px 0 30px 0;width:100%;}
	.sustainability-div 	{margin-left:35px }
	.business-thumb .thumb-div {width:32%;padding:10px;}
	.business-thumb .three-thumbs .thumb-div{width:32%;padding:10px;}
	.subsidiary-title {padding:0px 7% 30px 7%;}
	.subsidiary-title h1 {font-size:45px;}
	.cc-contents h2 {font-size:25px;}
	.featured-title h1{width: 100%;padding-left:100px }
	.bnr-subsidaries-cont .numberic-div {font-size:50px;}
	
	.subsidiary-banner-contents{ }
	.subsidiary-logo h2 	{font-size:25px }
	.subsidiaries-contents {padding:35px 15px;}
	.subsidiaries-title {font-size:40px;padding-bottom:40px;line-height:40px;}
	.subsidiaries-title span{font-size:40px;}	
	.our-recognition {padding-left:15px;}
	.our-recognition-banner {padding:50px 0;}
	.our-recognition-text {padding:0px 0;}
	.our-woodworks-text {padding: 15px 0px 15px 15px;}
	.explore-link a 	{display: inline-block;font-size:17px;}
	
	.subsidiary-logo-horlogo img {width:auto;height:60px!important;margin: 15px 0;}
	.subsidiary-logo-horlogo h2{font-size: 25px;}
	.our-divisions .thumb-th {width:32%;margin:2px;}
	.divisions-banner .busi-dtl h2 {font-size: 14px;}
	.career-banner .featured-title h1{margin-left:50px}
}
@media screen and (min-width:576px) and (max-width:767px) {
	.group-overview .col-xs-12,.history-section .col-xs-12,.vision-mission-main .col-xs-12,.corporate-eligibility-main .col-xs-12,.accreditations-main .col-xs-12,.csr-main .col-xs-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;}
	.accreditations-main{direction:ltr}
	.accreditations-main .certificate-container{}
	.certificate-container .history-cont img{max-width:100%;width: auto}
}
@media screen and (min-width:300px) and (max-width:767px) {
	.group-overview .scrollbar{height:350px!important; }
	.group-overview .mCSB_inside > .mCSB_container {margin-right:30px;}
	.group-overview .mCSB_scrollTools {right:4px;}
	.news-banner::after {position:absolute;content:"";left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;background:rgba(255,255,255,0.8) }
	.gallery-list a label{top:50%!important;}
}
@media screen and (min-width:300px) and (max-width:575px) {
	body 			{font-size:15px;}
	.home-contents {padding: 15px 0px 15px 0px;}
	.home-contents .padding-left100px{padding-left:15px;padding-right:15px}
	.padding-left100px {padding-left:15px;}
	.corporate-profile-main {padding-left:0px;}
	.title-main 	{padding:15px}
	h1 				{font-size:30px}
	.sub-text p 	{padding-right:0px;}
	.box-main 		{width:50%;margin:0 0px }
	.blank-box 		{display:none}
	.box-div h6  	{font-size:20px;}
	.sub-text .readmore-btn {margin-top:0px;margin-bottom:15px }
	.img-box h6 	{margin:0px 15px}
	.latest-cont 	{float:none; width:100%;margin:10px 0 }
	.latest-main .col-lg-6{padding-top:15px;padding-bottom:15px;}
	.latest-main h1 {padding-top:0px; }
	.read-all-div 	{padding:10px;height:auto }
	.news-container {margin: 0px 0px;}
	.latest-main .swiper-button-prev, .latest-main .swiper-button-next{width:35px;height:100px;margin-top:-50px;padding:30px 0px 0px 0px}
	.latest-main .swiper-button-prev img, .latest-main .swiper-button-next img {width:20px;}
	.news-div h3 	{font-size:16px;padding:10px 10px 10px 10px;}
	.news-div p 	{font-size:13px;}
	.news-div div 	{padding:5px 10px 5px 10px }
	.news-div:hover p{letter-spacing:0px }
	.read-all-div  	{display: none}
	.readmore-btn 	{font-size:15px;line-height: 31px;}
	.readmore-btn img{width:30px; }
	.cs-reponsibility-div {padding:15px 15px;}
 
	.subsidiaries-div {padding:25px 0 25px 0;}
	.marafie-foundation img {max-width:70%;}
	.slogan 		{font-size: 17px;margin:20px 0;}
	.corporate 		{font-size:22px;margin:20px 0;}
	.connected-div 	{padding:0px 15px 50px 15px }
	.connected-box 	{width:48% }
	.connected-box h6 {font-size: 18px;padding:50px 0 15px 0; }
	
	.links-div 		{padding: 20px 15px}
	.social-links 	{width:50px;height:50px;line-height: 48px;float: none;display: inline-block; }
	.social-media a {font-size:23px;}
	.social-links img {width:20px;}
	.marafie-group 	{margin:15px 0}
	.usefule-links-main{margin:15px 0px}	 
	.usefule-links-main h2 {font-size:25px;text-align: center}
	.usefule-links-main ul { margin:35px 0;}
	.usefule-links-main ul li{width:48%;padding:0px;text-align: center  }
	.usefule-links-main ul li a {font-size:18px;}
	.usefule-links-main ul li:last-child{width:98% }
	.chat-icon 		{text-align:center;}
	.chat-icon a 	{display: inline-block;font-size: 20px;}
	.chat-icon a img{width:60px }
	.footer-left,.footer-right{padding:0px;text-align: center}
	.address p 		{font-size:15px;padding-top:10px}
	.address,.Locate-us{float: none; margin:35px 0px 0 0;}
	.Locate-us 		{margin-top:25px;display: inline-block }
	.address div img{width:55px; }
	.contact 		{font-size:18px;}
	.up 			{font-size:18px;margin-top:0px}
	.up img 		{width:28px }
	.green-box 		{width:30px;height:30px}
	.business-cont 	{padding:15px;}
	.business-title {font-size:15px;}
	.subsidary-btn-prev {left:5px; }
	.subsidary-btn-prev, .subsidary-btn-next {height:45px;width:25px;}
	.subsidary-btn-next{right: 5px}
	.news-container .swiper-slide .latest-cont {padding:10px 0;}
	.news-container .swiper-slide .latest-cont:first-child {border-right:0px solid #00a031;}
	.news-title 	{position:static;width:100%; }
	.latest-main .swiper-button-prev, .latest-main .swiper-button-next{width:25px;height: 75px;padding-top:20px; margin-top:-25px;}
	footer 			{padding:20px 0px 0px 0px}
	.footer-logo,.social-media{float:none;}	
	.useful-div 	{margin:0px }
	.useful-social {position: relative;z-index:1;padding-bottom: 75px;  }
	.social-media 	{position: absolute;bottom:15px;left:0px;right:0px;   }
	.terms-conditions {text-align: center;}
	.terms-conditions a {margin:0px 10px;}
	.designed-link,.social-media,.useful-links h2{text-align:center;}
	.useful-links h2 {font-size:20px;text-align: left}
	.designed-link {padding-bottom:10px }
	.useful-links ul {overflow: hidden}
	.useful-links ul li{ }
	.latest-main .col-lg-6 {padding:15px 15px;}
	.news-title h1 	{height: auto;font-size:35px;padding-bottom:15px;}
	.news-div .date-span {font-size:40px; line-height:40px;}
	.galley-main .news-title h1{padding-top:0px}
	.transparent_logo{background-size:200% auto}
	
	.logo-mobile 	{width:200px;margin-top:5px }
	.search-main 	{right:7px; }
	.rightcol 		{width:80px;}
	.m-bar 			{margin-left:0px;margin-right:10px;  }
	.T-bar 			{margin-left:0px;margin-right:10px;  }
	.busness-area 	{padding:15px; }
	.busness-area p {font-size:35px}
	.busness-area 	{font-size:25px}	
	.subsidiaries-div h1{font-size:30px;margin:0px 15px 15px 15px;padding-top:0px;padding-bottom:30px;text-align:center}
	.subsidiaries-div h1 span{font-size:30px;}
	.subsidiaries-div h1 .swiper-pagination{top:70%;right:0px;left:0px;}
	.subsidiaries-container{margin:25px 14px 0px 14px}
	.subsidiaries {padding:10px;}
	.footer-logo img{max-width:100% }
	.terms-conditions{padding-bottom:25px } 
	.up-div a 		{padding-right:15px; }
	
	/*.business-close-btn{width:10%;}*/
	
	.business-menu-sub{/*width:90%;*/}
	.close-menu-div 	{/*padding:15px;*/ }
	.close-menu-div a {width:30px }
	.marafie-logo img {height:60px }
	.business-menu h3 {font-size:16px;padding-bottom:0px; }
	.buslink 		{font-size: 13px;line-height:15px }
	.menubar-container .menubar-page{right:10px; }
	.company-info-main{position: relative;z-index:9;margin:35px 0px 0px 0px;top:0px;}
	.company-info{padding:15px 15px 0px 15px;line-height:22px; }
	.info-icon img {width:50px;}
	.company-info h2 {font-size:25px;}
	.company-info p {font-size:15px;line-height:18px }
	.openings-contents h2 span {font-size:30px;}
	.openings 		{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width:50%;}
	.openings-thumb div{left:10px;right:10px;}
	.openings-thumb div h2{font-size:17px }
	.about-navigation ul li{font-size:13px;padding:10px 8px }
	.about-navigation ul li a{font-size:13px;}
	.is-sticky .gallery-navigation .sort-by{padding:0px 0px;}
	
	
	.group-div 		{background-size:200% auto;background-position:0px 0px!important;background-attachment:scroll!important }
	
	.vision-mission-main .col-lg-6,.corporate-eligibility-main .col-lg-6{padding-top:50px;padding-bottom:50px;}
	.vm-icon img {height:50px;}
	.vision-mission-main h2{font-size:40px;}	
	.eligibility-div {padding-left:5%;padding-right:5%;}
	.eligibility-box {padding:25px 25px 25px 25px}
	.eligibility-box h3{font-size: 43px;text-align: center}
	.eligibility-div p{font-size:16px}
	.corporate-eligibility-main h2{font-size:65px;}
	.corporate-div h2{font-size:35px;}
	.eligibility-div{background-size:200% auto;background-position:right 0px!important;background-attachment:scroll!important}
	.eligibility-div p{text-align: center}
	.corporate-eligibility-main .col-lg-6{padding-top:25px; padding-bottom:25px;}
	.group-title div img {height: 50px;}
	.certificate-div {padding: 25px 15px 25px 5px;}
	.certificate-container {height:300px;}
	.certificate-container .history-dtl{padding-left:15px;}
	.certificate-container .history-dtl h2{font-size: 30px; }
	.certificate-container .history-dtl h2 span{font-size:20px;}
	.certificate-container .history-dtl p{font-size:12px;}
	.accreditations-div{padding:25px 15px }
	.accreditations-text h2{font-size: 30px;padding-top:15px;}
	.csr-div-dtl h2 {font-size:30px;padding:15px 0;}
	.marafie-foundation-div img,.ec-friendly-main .marafie-foundation-div img{float:none}
	.marafie-foundation-div{text-align: center}
	.friendly 			{float:none}
	.ec-friendly img:last-child{margin-top:0px;}
	.submenu-one{border:1px solid #fff}
	.history-container .swiper-pagination-bullets{bottom:20px;}
	/*.history-container .history-dtl{bottom:15px; }*/
	.featured-title 	{text-align:left!important;}
	.featured-contents {margin-left:15px }
	.featured-title h1 {font-size: 40px;line-height:40px;width:100% }
	.featured-detail h2{font-size:30px;line-height: 30px;}
	.featured-detail h3 {font-size: 18px;}
	.featured-detail p {font-size:14px;}
	.featured-detail {padding:0px 0px 0px 0px }
	.project-banner-contents{top:40%}
	.mix, .gap {width: 50%;}
	.pro-name,.info-dtl .sub-cate{font-size:10px;}
	.pro-name 		{left:10px;right:10px;  }
	.info-dtl h2 {font-size:16px;}
	.more-div a {font-size:11px;}
	.more-div 	{right:10px }
	.project-thumb h3{font-size:16px;padding:10px 10px }
	.projects-btns {margin-top:10px}
	.projects-other-info{height: auto;margin-top:25px;}
	.gallery-list {width:50% }
	.gallery-list a{height:100%}
	.projects-other-info .form-group{padding:0px 0 }
	.about-navigation h2{font-size:30px;padding-left:15px;}
	.project-details h2{font-size:28px}
	.category-left h3{font-size:25px}
	.projects-btns .swiper-button-prev,.projects-btns .swiper-button-next{width:25px;height:auto}
	.projects-btns .swiper-button-prev img,.projects-btns .swiper-button-next img{width:100%;height:auto}
	.quote-slider-wrapper, .image-slider-wrapper{width:100%}
	.news-banner-contents{top:10px;position:static;padding-bottom:15px;padding-top:45px;}
	.news-slide-title h2{padding-top:0px;}
	.news-banner .news-button-prev{left:15%}
	.news-banner .news-button-next{right:15%}
	.news-banner .featured-title h1 {font-size:35px;line-height:35px;}
	.news-banner .featured-title h1 span{font-size:25px;line-height:25px;}
	.news-slide-title {padding:0px 0}
	.news-slide-title h2{font-size:50px;line-height:50px;}
	.news-slide-title div{font-size:20px;}	
	.news-banner p{margin:0 15px;font-size:13px; }
	.news-slide-title p {font-size:18px;}
	.details-div 	{padding-top:0px;}
	.details-btn {padding:5px 35px;font-size:13px; }
	.image-slider-wrapper {padding-left:15px;padding-right:15px;padding-top:20px}
	.news-banner-contents .row{height: auto}
	.news-detail-text h4{font-size:20px;padding:15px 0;}
	.news-detail-info{padding:20px}
	.news-detail-info p{font-size:14px;line-height:20px }
	.bnr-subsidaries-cont .numberic-div{font-size:40px;line-height:50px}
	.bnr-subsidaries-cont div{font-size: 18px;}
	.bnr-subsidaries-cont{bottom:30px;}
	.subtabs-links a{margin:0 15px;font-size:18px;}
	.subtabs-contents-main {padding:0px 15px 5px 15px;}
	.subtabs-links {padding:15px 15px;}
	.subtabs-contents ul li {padding:0px 5px;font-size:13px;}
	.subtabs-contents ul{padding:0px 0}
	.address-div 	{padding-left:15px;padding-right:15px;}
	.address-div h2 {font-size:20px;padding:10px 0px 10px 0px;}
	
	.address-contnets{padding:15px 15px 15px 15px;margin-bottom:15px;}
	.address-contnets p{font-size:14px;}
	.address-contnets h3 {font-size:18px;padding:5px 0px 5px 0px;}
	.address-contnets p{padding-bottom:10px}
	.map-div-main {height:300px;}
	.career-banner .featured-title h1{padding-left:15px;margin-bottom:25px;}
	.career-contents h1 span{font-size:30px;}
	.career-banner .featured-title h1 span {font-size:30px;}
	.career-inner-banner .featured-title h1 span span{font-size:50px;}
	.career-inner-banner .featured-title h1 .number-div{font-size:50px;line-height:60px; }
	.inner-project-bnr {}
	
	.project-dtl {    padding: 0px 0px 15px 0px;}
	.projects-other-info{    padding: 0px 0px 15px 0px;}
	
	.business-banner h1 span{font-size:40px }
	.brief-business p{font-size:15px;}
	.cc-contents p {font-size:12px;}
	.business-thumb .thumb-div {width:49%!important;padding:5px; }
	.cc-contents h2 {font-size:25px;}
	.busi-dtl h2 img{width:50px;}
	.map-div-main 		{height:100%;height:300px; }
	.titleform 		{padding-top:30px!important }
	.c-action{width: 50vw;}
	.subsidiaries-container .swiper-slide{padding: 5px}
	.subsidiaries-list .subsidiaries{width:50%;padding:10px;  }
	.subsidiaries-menu ul li{font-size:12px}
	.subsi-slide,.wara-subsidiaries-container .subsi-slide{padding:10px 0;} 
	.subtabs-contents ul li a{font-size:16px;}
	.submenu-div ul li a {font-size:13px;}
	.business-cont .green-box{width:55px;padding:5px 15px 10px 0px}
	.business-title div{line-height: 20px;}
	.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:0px;}
	.news-div img {min-height:auto;height:100%;}
	.group-title h2 {font-size:35px;padding:20px 0;}
	.vision-mission-main .col-lg-6{;padding:15px 25px }
	.vision-mission-main .col-lg-6 p{line-height: 22px;}
	.corporate-div h2 {padding:20px 0;}
	.group-contents {padding-bottom: 0px;}
	.certificate-div .certificate-btn-prev img,.certificate-div .certificate-btn-next img{width:70%}
	.marafie-foundation-div h3 {padding-top:20px;}
	.mf-contents {padding-top: 0px;}
	.marafie-foundation-div img{height:150px; }
	.marafie-foundation-div .tree-globe{height:100px;}
	.ec-friendly img{height:50px; }
	.explore-link  {margin-top:15px;}
	.ec-friendly {padding:20px 0 20px 0;}
	.slogan-giving{padding-top:15px;}
	.download-now{width: 225px;}
	.history-dtl h2 {font-size:35px; }
	.history-dtl p {font-size:16px;line-height:18px;padding-top:0px;}
	.read-view-all a {font-size:16px;}
	.subsidiary-title h1{font-size:40px;}
	.business-thumb .col-xs-12{padding:5px;}	
	.business-thumb .col-lg-12 h4{padding:10px 0 15px 0 }
	.behind-the-Project {margin-bottom:15px;}
	.behind-the-Project-main h2{font-size:30px;}
	.project-gallery {margin:0px -5px }
	.gallery-banner .featured-contents{margin-left:0px;}
	/*.gallery-banner .featured-contents{margin-left:0px;padding-left:0px;  }*/
	.subsidiary-title h1 {font-size:35px;}
	.subsidiary-logo h2 {font-size:18px;padding-left:15px;padding-right:15px;line-height: 23px;}
	.apply-label-none label{display:none}
	.subsidiary-logo img {width:150px!important;margin: 0px 0 10px 0;}
	.subsidiaries-title span{font-size:28px;}
	.subsidiaries-title {font-size:28px;padding-bottom:35px;}
	.subsidiaries-contents,.subsidiaries-contents-two{/*padding:25px 15px;*/ padding-top:15px;padding-bottom:15px  }
	.our-recognition-banner {padding:30px 0;}
	.our-recognition-img{width:30%;float:left}
	.our-recognition {width:70%;float:left;padding-left:0px; }
	.our-recognition-text {padding:0px 0;}
	.explore-link a 	{font-size:16px;}
	.circle-group li 	{padding: 6px 0px 6px 25px;}
	.circle-group li::after{top:16px;width:7px;height:7px; }
	.sitemap-ul li{padding:0px;}
	.subsidiary-logo-horlogo img {width:300px!important;height:auto!important;margin: 15px 0;}
	.subsidiary-logo-horlogo h2{font-size:18px;}
	.our-divisions .thumb-th {width:48%;margin:2px;}
	.divisions-banner .busi-dtl h2 {font-size: 14px;}
	.subsidiary-title {padding: 15px 7% 30px 7%;}
	.h4, h4 	{font-size:1.25rem;}
	.organic img {height:100px}
	.styrofoam-container {padding-bottom:25px;}
	.address-contnets h4 {font-size:20px;}
	.our-woodworks {padding-top:15px;padding-bottom:15px;}
	.explore-link a span, .explore-link a i{display: inline}
	.swimming-thumb 	{margin-bottom: 15px}
	.accreditations-certificate h4 {font-size:16px;}
	
	.beosound-button-prev,.beosound-button-next{width:35px;height:50px;margin-top:-40px;}
	.beosound-button-prev img,.beosound-button-next img{height:100%}
	.beosound-button-prev{left:-15px;}
	.beosound-button-next{right:-15px;}
	.bang-and-olufsen{font-size:25px;}
	.align-vertical-center{display: block;width:100% }
	.news-banner-contents .row{display:flex;width: auto}
	.history-cont .align-vertical-center{display: flex}
	.vision-dasco, .mission-dasco {padding:25px 5%;}
	.banner-boxes {display: block}
	.address-contnets {padding: 10px 10px 10px 15px;}
	.address-div .mCSB_inside .mCSB_container{margin-right:30px;}
	.address-contnets-main .mCSB_scrollTools {right:10px;}
	.cleaning-logo{margin-bottom: 15px}
	.janitorial-general-banner{direction:ltr}
	.service-dasco {background-size:150% auto!important;background-position:0px center!important;padding-top:20px;  }
	.service-dasco-dtl{padding-bottom:15px;padding-top:15px }	
	.air-ducts-main h2{padding-top:15px;padding-bottom:20px  }
	.sub-title 	{line-height:29px;font-size: 22px;}
	.solution-dasco-dtl h2{padding-bottom: 20px;}
	.h3, h3 {font-size:1.15rem;}
	.DASCO-Training{padding-bottom:15px;}
	.DASCO-Certificates .DASCO-Certificates-sub h2 {margin-bottom:0px;}
	.dasco-certificates-container .swiper-slide p{margin-top:15px;}
	.first-hotels-sub-logo{width:250px;}
	.first-hotels-sub .first-hotels-sub-logo,.first-hotels-sub .first-hotels-sub-logo .explore-link{margin:0 auto}
	.first-hotels-sub .explore-link{margin-bottom:15px;width:100%;text-align: center!important; }
	.first-hotels-sub .explore-link a i{font-size:19px}	
	.we-are-green {margin:15px 0}
	.website-link {padding-top:20px;}
	.color-white i{font-size:20px;line-height:25px;}
	
	.engineering-group-thumbs {padding:0px 10px;margin-top:0px;}
	.engineering-group-thumbs .col-xs-12{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width:50%;padding:5px; }
	.brands-logo-main .styrofoam-page {bottom:-30px;left:0px;right:0px;}
	.styrofoam-container .styrofoam-page {bottom:2px;}
	.logos-container{padding:15px;}
	.subsidiary-logo-div {margin:0px -5px; }
	.subsidiary-logo-div .col-xs-12{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width:50%;padding:10px; }
	.subsidiary-logo-div .col-xs-12 .subsidiarylogo a{padding:10px}
	.wara-subsidiaries-container .subsidiaries img {width:100%;}
	.subsidiaries-container, .wara-subsidiaries-container{margin:0px 5% 0px 5%}
	.subsidiaries-main .subsidiaries-title, .subsidiaries-main .subsidiaries-title span{font-size:28px}
	.vision-mission-values img{position:absolute;top:0px;}
	.vision-mission-values .vmv-div{position:static;padding:15px 15px;}
	.subsidary-logo-bg-banner{background:none!important}
	.wara-construction-usa,.wara-construction-oman{padding:25px; }
	.wara-construction-usa img,.wara-construction-oman img{max-width:100%}
	.wara-construction-usa 	{background:url(../images/wara-construction-usa-bg.jpg) left top no-repeat;background-size:cover}
	.wara-construction-oman	{background:url(../images/wara-construction-oman-bg.jpg) left top no-repeat;background-size:cover}
	.vision-mission-values,.vision-mission-values{overflow: hidden}
	.wara-certificate-container p{padding-top:10px}
	.history-section 	{margin-top:15px}
	
	.history-section,.corporate-eligibility-main,.csr-main,.our-recognition-banner,.cleaning-division-banner,.janitorial-general-banner,.marafie-design-service-banner,.marafie-playgrounds-banner,.marafie-swimming-pools-services-banner,.our-prominent-services-banner,.products-audio-banner,.products-BeoPlay-banner,.dasco-vision-mission-main,.dasco-air-conditioning-main,.dasco-air-ducts-main,.dasco-powder-coating-main,.dasco-indoor-air-quality-main,.dasco-accreditations-certi-main,.investing-banner,.eps-styrofoam-banner,.stud-and-track-sections-banner,.our-brands-banner,.corporate-banner,.marafie-power-roducts-banner,.marafie-services-banner,.marafie-technology-service-banner,.marafie-technology-projects-banner,.wara-subsidiaries-main,.wara-international-subsidiary,.electrical-works-banner{border-bottom:2px solid #00a031;border-top:2px solid #00a031;}
	
	.our-woodworks-banner,.crprtclsrspns-banner,.marafie-flooring-banner,.marafie-swimming-pools-products-banner,.csr-banner,.about-kuwait-capital-real-estate-banner,.marafie-power-prominent-banner,.marafie-prominent-banner,.marafie-technology-customers-banner,.about-marshow-banner,.about-oasis-banner,.about-radisson-blu-banner,.subsidary-logo-bg-banner,.about-wara-construction-usa-banner,.mechanical-works-banner{border-bottom:2px solid #00a031;}
	
	.vision-mission-values{border-top:2px solid #00a031;}
	
	.mf-contents 	{padding-bottom:10px;}
	.our-woodworks-text {padding: 15px 15px 15px 15px;}
	.design-center-img {float:none;margin-left:0px;display:block}
	.design-center-img img{width:100%}
	.vmv-div h2 {margin-bottom:0px;}
	.logo{margin-top:-10px;margin-left:15px;}
	.projects-other-info .form-group label{width:95px;}
	.projects-other-info .form-group .project-info{margin-left:95px;font-size:16px;}
	.contact-banner {background-position:88% top;}
	.contact-banner .featured-title{padding-right:15px;padding-left:15px!important;}
	.contact-banner .featured-title h1{text-align:center}
	.subsidiary-logo-horlogo {padding:15px;}
	.career-banner .featured-title h1{margin-left:15px;padding-top:30px;}
	.subsidiary-logo, .subsidiary-logo-horlogo{padding:10px 0px;}
	.devider{display:none}
	.parent-div .sitemap-sub{padding-bottom:0px}
	.sitemap-div {padding-top:15px;padding-bottom:15px;}
}
@media screen and (min-width:300px) and (max-width:480px) {
	.subsidiaries {padding:0px;}
	.subsidiaries-menu ul li {padding:3px 10px;}
	.news-div div{width:60%}
	.two-list-group {margin:0 0 10px 0; }
	.two-list-group .list-group {width:100%;margin-bottom:0px;}
	.subsidiary-title {padding:0 5% 15px 5%}
	.dasco-subs-title{}
	.dasco-subs-title h2{font-size: 20px;padding-top:15px }
	.dasco-subs-title div{font-size: 20px;line-height:22px;}
	.share-opportunity {margin-left:5px;}
	.share-opportunity .share-link img{margin-right:5px;}
	.share-opportunity .share-link{font-size:14px}
	.share-opportunity .share-link img{width:30px;}
	.share-oppnt-list{white-space:nowrap;left:0px;}
	.gallery-list a label{font-size:16px;padding:5px 0px;line-height:20px }
}
@media (max-height:450px) and (min-width: 781px) { 	
	.subsidiary-title {padding: 0 10% 20px 10%;}
}

@media screen and (min-width:300px) and (max-width:640px) {	
	.gallery-navigation .submenu-main{/*position: fixed;right:0px;top:100px;z-index:99;width:200px;*/}
	/*.gallery-navigation .submenu-icon{display: block;  }*/
	/*.gallery-navigation .submenu-one{background:#fff;padding: 15px;}
	.gallery-navigation ul.controls li{padding:0px; }*/
	.gallery-navigation .submenu-one{text-align: left;}
	.gallery-dtl-links .gallery-links{display: block;width: 100%}
	.gallery-dtl-links{text-align: left}
	.gallery-dtl-links h3 {padding:5px 5px;font-size:18px;}
	.gallery-navigation ul{ }
	.gallery-navigation ul.controls li{padding:0px 2px}
	.gallery-navigation ul.gallery-links{display: block;}
	.gallery-navigation ul.gallery-links li{padding: 0px;}	
	.gallery-navigation .gallery-links li a{padding:0px 1px;font-size:13px!important }
	.gallery-navigation h2 {font-size:20px;padding-left:10px }
	.gallery-navigation .sort-by{padding:0px;}
	.gallery-navigation .submenu-one{padding:10px }
	.photo-gallery-navi .submenu-one{padding:10px 0px}
	.photo-gallery-navi .submenu-one h3{padding-left:15px}
	.photo-gallery-navi .gallery-links{padding-left:10px;}
	.photo-gallery-navi .gallery-links li{padding:5px 8px;}
	.accreditations-certificate{margin-top:0px;}
	.airConditioning-container{background: none;padding-top:25px;}
	.airConditioning-container .swiper-pagination-bullet{background:rgba(255,255,255,0.7)}
}
@media screen and (min-width:360px) and (max-width:375px) {
	.subsidiaries {padding:0px;}	
}
@media screen and (min-width:300px) and (max-width:359px) {
	.logo-mobile 	{width:155px;}
	.subsidiaries-div h1 {font-size:35px;margin:0px 15px 10px 15px;padding-bottom:20px }
	.subsidiaries-div h1 span{font-size:35px;}
	.subsidiaries-menu ul li {font-size:10px; padding:0px 5px;}
	.subsidiary-title h1{font-size:35px;}
	.explore-link a {font-size:14px;}
	.btnradius {padding:12px 15px 12px 15px;font-size: 17px;}

}

@media only screen and (orientation: landscape) and (max-height:550px){
	.transparent_logo{background-size:auto 100%}
}

@media only screen and (orientation: landscape) and (max-height:400px){
	.transparent_logo{background-size:auto 100%}
	
}
@media only screen and (orientation: landscape) and (max-width:779px) and (max-height:350px){
	
}
@media only screen and (orientation: landscape) and (min-width:780px) and (max-height:350px){
	
}
 
 /*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	.replace-2x 	{font-size:1px} 
}