@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body{float:left;width:100%;box-sizing: border-box;font-family: "Montserrat", sans-serif;margin:0;padding:0;}
.mt-2{margin-top:2%;}
.mb-2{margin-bottom:2%;}
header{float:left;width:100%;padding:5px 10px;border-bottom:1px solid #ccc;z-index: 9999;position:fixed;top:0;left:0;background-color:#ffffff45;}
*{box-sizing: border-box;font-family: "Montserrat", sans-serif;}
a{text-decoration: none;cursor:pointer;color:#222;}
.container{float:left;width:1400px;margin:0 calc(50% - 700px);}
.hLogo{float:left;max-width:100px;padding:0 20px 0 0;border-right: 1px solid #ccc;}
.hLogo img{float:left;max-width:100%;height:60px;object-fit: contain;scale: 1.2;}
.hMenu{float:left;width:calc(100% - 120px);padding:0 0 0 20px;position:relative;margin:10px 0;}
.hMenuLeft{float:left;}
.hMenuLeft span{float:left;padding:0 5px;position:relative;line-height: 40px;cursor:pointer;margin:0 10px;}
.hMenuLeft span a{color:#222;font-weight: 500;}
.hSubMenu{float:left;position: absolute;background-color:white;box-shadow: 0 0 5px 5px #f2f2f2;padding:5px 10px;border-radius: 5px;display:none;z-index: 9999;}
.hSubMenu a{float:left;width:300px;line-height: 25px;padding:5px 0;border-bottom:1px dashed #ccc;color:#222!important;}
.hSubMenu a:last-child{border-bottom:none;}
.hMenuRight{float:right;}
.hMenuRight a{float:right;width:32px;height:32px;padding:5px 0;margin:5px 3px 0 0;}
.menuBtn{display:none;}
.hMenuRight a img{float:left;width:100%;height:100%;object-fit: contain;}
.hMenuSearch{float:left;width:100%;position: absolute;left:0;top:0;display:none;}
.hMenuSearch input{float:left;width:100%;background-color: #f2f2f2;line-height: 40px;border:1px solid #f2f2f2;padding:0 10px;}
.hMenuSearch img{float:right;position: absolute;right: 5px;top:11px;height: 20px;cursor:pointer;}
#saSearchIcon{right:40px;}
.slideAreaOut{float:left;width:100%;height:80vh;margin:0 0 30px 0;padding:100px 0 50px 0;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}
.sCover{float:left;position:absolute;top:0;left:0;height: 100%;width: 100%;background-color: #98989830;}
.slideAreaOut .container{position:relative;z-index:99;}
.slideArea{float:left;width:80%;padding:0 20px;}
.slide{float:left;width:100%;}
.sTextArea{float:left;width:100%;position:relative;height:60vh;}
.sTextArea h3{float:left;width:95%;font-size:52px;font-weight: 500;position: relative;top:0;left:0;color:#fff;}
.sTextArea p{float:left;width:95%;position: relative;bottom:40px;left:0;font-weight:500;font-size:24px;color:#fff;}
.sTextArea a{float:left;position:relative;bottom:0;border:1.5px solid #124430;background-color:#124430;padding:10px 20px;color:#fff;border-radius:5px;min-width:180px;font-weight:500;}
.sTextArea a:last-child{background-color:white;border:1.5px solid #124430;color:#124430;left:35px;font-weight: 550;}
.sTextArea a:last-child img{float:right;width:20px;filter:invert(0);margin-left:15px;}
.sTextArea a img{float:right;width:20px;filter:invert(1);margin-left:5px;}
.sImageArea{float:left;width:40%;height:60vh;display:none;}
.sImageArea img{float:left;width:100%;height:100%;object-fit: cover;}

.sNewsArea{float:left;width:20%;padding:0 5px;}
.sNewsArea h3{float:left;width:100%;font-size:20px;font-weight: 500;margin:0 0 30px 0;color:#fff;}
.sNewsBtn a{float:left;background-color:#124430;padding:10px 20px;color:white;border-radius:5px;margin:10px 0 0;min-width:140px;color:#fff;}
.sNewsBtn a img{float:right;width:20px;filter:invert(1);margin-left:15px;}
.sNews{float:left;width:100%;max-height:calc(60vh - 103px);overflow: hidden;overflow-y:scroll;}
.sNews::-webkit-scrollbar{display:none}
.sNews a{float:left;width:100%;font-weight: 500;font-size:18px;margin:0 0 20px 0;padding:0 0 20px 0 ;border-bottom:1px solid #fff;color:#fff;}

.mainServiceArea{float:left;width:100%;margin:10px 0 0;padding:10px 0 0;}
.mainServiceArea h4{float:left;width:100%;font-weight: 500;}
.msaOutArea{float:left;width:100%;border:1px solid #ccc;}
.msaoaItem{float:left;width:25%;border-right:1px solid #ccc;padding:10px;}
.msaoaItem:last-child{border-right: 1px solid transparent;}
.msaoaItem img{float:left;width:45%;height:160px;object-fit: cover;margin-right:5%;border-radius:10px;}
.msaoaIR{float:left;width:50%;}
.msaoaIR span{float:left;width:100%;font-weight: 400;font-size:13px;margin:2px 0;}
.msaoaIR a{float:left;width:100%;font-weight: 500;font-size:16px;margin:2px 0 13px;height:75px;overflow: hidden;color:#124430;}
.msaoaIR img{float:left;height:40px!important;width:auto;margin:0!important;cursor:pointer;}

.mainProductArea{float:left;width:100%;margin:1% 0 3%;background-color:#f5f5f580;padding:50px 0 10px;}
.mainProductArea h3{float:left;width:100%;text-align: center;font-weight: 500;font-size:32px;margin:0 0 50px 0;}
.mpaProduct{float:left;width:25%;padding:5px 10px;border-left:1.5px solid #ccc;}
.mpaProduct h3{float:left;width:100%;text-align: center;font-size: 20px;font-weight: 500;text-transform: uppercase;margin:10px 0;height: 60px;display: flex;align-items: center;justify-content: center;}
.mpaProduct p{float:left;width:100%;font-weight: 400;margin:5px 0;color:#707070;text-align: center;height: 140px;display: flex;align-items: center;justify-content: center;}
.mpaProduct a{float:left;width:100%;background-color: #124430;color:white;text-align: center;display: flex;align-items: center;justify-content: center;padding:10px;margin:10px 0;box-shadow:5px 7px 10px 3px #ccc;border-radius:5px;}
.mpaProduct a span{float:left;}
.mpaProduct a img{float:left;height:20px;filter:invert(1);margin-left:20px;}
.mpaProductImage{float:left;width:90%;height:300px;object-fit: contain;}

.mainAboutArea{float:left;width:100%;padding:5% 0;position:relative;}
.maaCover{float:left;width:100%;height:145%;position:absolute;top:-45%;left:0;background-image:url('../images/background1.webp');background-size: cover;background-position: center;background-repeat:no-repeat;z-index:997;background-color:transparent;}
.maaLeft{float:left;width:40%;height:150px;display:flex;align-items: center;justify-content: center;position:relative;z-indeX:998;}
.maaLeft h1{float:left;width:100%;text-align: center;font-weight: 500;font-size:48px;}
.maaRight{float:left;width:60%;position:relative;z-indeX:998;}
.maaRightDesc{float:left;width:100%;height:155px;overflow: hidden;}
.maaRight p{float:left;font-size:16px;font-weight: 500;line-height: 20px;margin:10px 0;}
.maaRight a{float:left;background-color:#124430;font-weight: 500;color:white;padding:10px 20px;border-radius:5px;margin:10px 0;}
.maaRight a img{float:right;width:20px;filter:invert(1);margin-left:15px;}

.mainServiceArea{float:left;width:100%;margin:10px 0;}
.mainServiceArea h2{float:left;width:100%;text-align: center;font-size:32px;font-weight: 500;}
.msaServices{float:left;width:25%;}
.msaService{float:left;width:94%;min-height:370px;background-color:#f8f8f8;position:relative;}
.msaServiceImg{float:left;width:100%;height:200px;object-fit: cover;}
.msaService span{float:left;width:100%;color:#124430;margin:10px 5% 5px;font-size:14px;font-weight: 500;}
.msaService h3{float:left;width:90%;font-weight: 500;margin:5px 5%;max-height: 65px;overflow: hidden;font-size:18px;letter-spacing: 0.8px;}
.msaService a{float:left;position:absolute;left:5%;bottom:20px;background-color:#124430;color:white;padding:8px 15px;border-radius: 5px;;}
.msaService a img{float:right;margin-left:15px;filter:invert(1);height:20px;}

footer{float:left;width:100%;background-color: #363636;padding:3% 0 0;}
.fLogoArea{float:left;width:25%;}
.fLogoArea img{float:left;max-width:90%;height:60px;object-fit: contain;}
.fTabArea{float:left;width:25%;}
.fTabArea h3{float:left;width:100%;color:white;font-weight: 600;}
.fTabArea a{float:left;width:100%;color:white;font-weight: 500;margin:3px 0;font-size:14px;}

.fCopyright{float:left;width:100%;text-align: center;color:white;margin:5% 0 0;line-height: 14px;font-size:14px;}
.fCopyright p{margin:5px 0;}

.breadcrump{float:left;width:100%;border-bottom:1px solid #f2f2f2;margin:5px 0 10px;padding:3px 0 6px;}
.breadcrump a{float:left;padding:5px 10px;}
.breadcrump span{float:left;padding:5px;}

.pageArea{float:left;width:100%;margin:10px 0 30px;}
.pageArea h1{float:left;width:100%;font-size:24px;font-weight: 600;}
.pageArea img{float:left;width: 100%;max-height:60vh;object-fit:cover;margin:10px 0;}

.productTopArea{float:left;width:100%;}
.pttLeft{float:left;width:55%;background-color: #f2f2f2;height:400px;padding:3%;display: flex;align-items: center;justify-content: center;}
.pttLeft h1{float:left;width:100%;font-weight: 700;font-size:32px;}
.pttLeft p{float:left;width:100%;line-height: 24px;font-weight: 500;color:#222;}
.pttLeft a{float:left;background-color: #124430;color:white;padding:10px 15px;border-radius: 5px;}
.pttRight{float:left;width:45%;}
.pttRight img{float:left;width:100%;height:400px;object-fit: cover;margin:0;}

.productsItemsArea{float:left;width:100%;margin:5% 0;}
.productsItems{float:left;width:50%;margin:20px 0;}
.productsItem{float:left;width:92%;margin:0 4% 10px;border:5px solid #124430d2;padding:5%;border-radius:10px;}
.productsItem img{float:left;width:150px;margin-right:30px;}
.pItemRight{float:left;width:calc(100% - 180px);}
.pItemRight span{float:left;width:100%;margin:3px 0 0;font-size:13px;color:#4c4c4c;}
.pItemRight h3{float:left;width:100%;margin:0 0 5px;height: 40px;display: flex;align-items: center;}
.pItemRight p{float:left;width:100%;font-weight: 500;margin:5px 0 10px;color:#222;height: 150px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.pItemRight a{float:left;padding:7px 15px;background-color: #124430;color:white;border-radius: 5px;font-size:18px;}

.productArea{float:left;width:100%;margin:5% 0;}
.paTopArea{float:left;width:70%;margin:0 15% 50px;}
.pataImageArea{float:left;width:30%;margin-right:5%;}
.pataImageArea img{float:left;width:100%;}
.pataImages{float:left;width:100%;margin:20px 0 5px;}
.pataImages img{float:left;width:20%;cursor:pointer;}
.ptaDesc{float:left;width:65%;}
.ptaDescBack{float:left;color:#222;font-weight: 600;width:100%;cursor:pointer;}
.ptaDescBack img{float:left;width:20px;margin-right:10px;transform: rotate(180deg);}
.ptaDesc h1{float:left;width:100%;color:#124430;font-size:48px;margin:5px 0;}
.ptaDesc h1 span{float:left;color:#222;margin-right:10px;width:auto;}
.ptaDesc p{float:left;width:100%;font-size:18px;font-weight: 500;}
.ptaDescContact{float:left;padding:15px 25px;background-color: #124430;color:white;font-size:20px;font-weight: 500;border-radius:5px;}

.paDescArea{float:left;width:70%;margin:10px 15%;border-top:2.5px dashed #124430;}
.paDescArea h2{float:left;margin:-2.5px 0 0;background-color:#124430;color:white;padding:7px 20px;}
.padaDesc{float:left;width:100%;}
.padadSizes{width:95%;margin:20px 2.5%;}
.padadSize{float:left;width:24%;margin:0 1% 0 0;}
.padadSize p{float:left;width:100%;margin:10px 0 5px;}
.padadSize p span{float:left;width: 20px;height: auto;border-top: 5px solid transparent;border-left: 8px solid #124430;border-bottom: 5px solid transparent;margin:5px 0 0 0;}

.padaDocuments{float:left;width:100%;}
.padadDoc{float:left;width:150px;}
.padadDoc img{float:left;width:60%;margin:5px 20%;}
.padadDoc a{float:left;width:100%;font-size:14px;font-weight: 500;color:#124430;height:40px;display: flex;align-items: start;justify-content: center;}

.paImage{float:left;width:45%;margin-right:5%;}
.paImage img{float:left;width:100%;height:350px;object-fit:cover;border-radius:5px;box-shadow: 0 0 10px 6px #ccc;}
.paShortDetail{float:left;width:50%;height:350px;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.paDetail{float:left;width:100%;margin:3% 0 5%;}
.paDetailImage{float:left;width:19%;margin:10px 1% 0 0;}
.paDetailImage img{float:left;width:100%;height:200px;object-fit: contain;}
.paDetailImage p{float:lefT;width:100%;text-align: center;font-weight: 500;margin:5px 0 0;}

.newsLeftArea{float:left;width:calc(98% - 300px);margin-right:2%;}
.newsRightArea{float:left;width:300px;}
.nlaNews{float:left;width:31%;margin:5px 2% 30px 0;background-color:#fff;border-radius:10px;box-shadow: 0 0 10px 5px #e1e1e1;transition: 1s;}
.nlaNewsDesc{float:left;width:100%;height:70px;overflow: hidden;}
.nlaNews:hover{box-shadow: 0 0 10px 6px #ccc;}
.nlaNews img{float:left;width:100%;height:200px;object-fit: cover;margin:0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.nlaNews span{float:left;width:calc(100% - 30px);font-size:13px;margin:5px 15px 0;font-weight: 500;}
.nlaNews span nnc{float:right;}
.nlaNews h4{float:left;width:calc(100% - 30px);font-weight: 600;margin:2px 15px;line-height: 20px;height:40px;overflow: hidden;display: flex;align-items: center;}
.nlaNews p{float:left;width:calc(100% - 30px);margin:5px 15px;line-height:20px;height:60px;overflow: hidden;display: flex;align-items: start;flex-direction: column;}
.nlaNews a{float:left;padding:10px 20px;background-color:#124430;color:white;border-radius:5px;margin:10px 15px 20px;}

.nraCategories{float:left;width:100%;box-shadow: 0 0 10px 5px #e1e1e1;transition: 1s;border-radius:10px;padding:10px 20px;}
.nraCategories:hover{box-shadow: 0 0 10px 6px #ccc;}
.nraCategories h2{float:left;width:100%;margin:0 0 10px 0;font-weight: 600;font-size:20px;}
.nraCategories a{float:left;width:100%;margin:10px 0;font-weight: 600;transition:1s;}
.nraCategories a:hover{color:#124430;}
.nraCategories a img{float:left;width:20px;margin:0 10px 0 0;}
.nraLatest{float:left;width:100%;box-shadow: 0 0 10px 5px #e1e1e1;transition: 1s;border-radius:10px;padding:10px 20px;margin:20px 0;}
.nraLatest:hover{box-shadow: 0 0 10px 6px #ccc;}
.nraLatest h2{float:left;width:100%;margin:0 0 10px 0;font-weight: 600;font-size:20px;}
.nralNews{float:left;width:100%;margin:10px 0;}
.nralNews img{float:left;width:40%;height:60px;object-fit: cover;margin:0 4% 0 0;}
.nralNewsText{float:left;width:56%;height:60px;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.nralNews span{float:left;width:100%;font-weight: 500;font-size:13px;margin:3px 0 0;}
.nralNews a{float:left;width:100%;font-weight: 600;font-size:15px;margin:3px 0;height:40px;overflow:hidden;}

.nlaNewsDetail{float:left;width:98%;margin:5px 2% 30px 0;background-color:#fff;border-radius:10px;box-shadow: 0 0 10px 5px #e1e1e1;transition: 1s;padding:0 0 20px}
.nlaNewsDetail:hover{box-shadow: 0 0 10px 6px #ccc;}
.nlaNewsDetail img{float:left;width:100%;height:auto;object-fit: cover;margin:0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.nlaNewsDetail span{float:left;width:calc(100% - 30px);font-size:16px;margin:10px 15px;font-weight: 500;}
.nlaNewsDetail span nnc{float:right;}
.nlaNewsDetail h1{float:left;width:calc(100% - 30px);font-weight: 600;font-size:20px;margin:10px 15px;}
.nlaNewsDetail p{float:left;width:calc(100% - 30px);margin:8px 15px;}

.contactTab{float:left;width:50%;margin:20px 0;}
.socialIcon{float:left;width:40px!important;height:40px;object-fit: cover;margin:0!important;}
.socialIcon2{float:left;width:40px!important;height:40px;object-fit: cover;margin:0 5px 0 0!important;}
.contactTab span{float:left;width:calc(100% - 55px);line-height: 16px;font-size:16px;margin:5px 0 0 15px;font-weight: 600;}
.contactTab p{float:left;width:calc(100% - 55px);line-height: 16px;font-size:16px;margin:3px 0 0 15px;font-weight: 500;}
.contactForm{float:left;width:45%;margin-right:5%;padding:3% 1% 3% 0;}
.cfHalf{float:left;width:48%;margin:2% 2% 2% 0;}
.contactForm label{float:left;width:95%;font-weight: 500;margin:5px 5% 5px 0;}
.contactForm input{float:left;width:95%;font-weight: 500;margin:5px 5% 5px 0;line-height: 30px;border:1px solid #ccc;border-radius:5px;}
.contactForm textarea{float:left;width:95%;font-weight: 500;margin:5px 5% 5px 0;line-height: 30px;border:1px solid #ccc;border-radius:5px;}
.contactForm a{float:left;padding:10px 30px;background-color: #124430;color:#fff;border-radius: 5px;margin:20px 0 0 0;}
.contactMaps{float:left;width:50%;padding:3% 1% 3% 0;}

.mLang{position:relative;}
.menuLanguage{position:absolute;top:30px;width:150px;box-shadow: 0 0 5px 2px #f2f2f2;background-color:#ffffffcc;z-index:9999;padding:10px 20px;left:-100px;display:none;}
.menuLanguage p{float:left;width:100%;margin:7px 0 8px;}
.menuLanguage p img{float:left;margin-right:5px;width:25px!important;height:25px!important;object-fit:cover;border-radius: 50%;filter:invert(0);}
.menuLanguage p span{float:left;margin:3px 0}

.mobilMenu{display:none;}

@media screen and (max-width:1450px) {
    .container{width:1200px;margin:0 calc(50% - 600px);}
}
@media screen and (max-width:1250px) {
    .container{width:1000px;margin:0 calc(50% - 500px);}
    .sTextArea h3{font-size:36px;}
    .sTextArea p{font-size:22px;}
    .msaoaItem img{height:120px;}
    .msaoaIR span{display:none;}
    .contactTab{width:50%;}
}
@media screen and (max-width:1050px) {
    .container{width:900px;margin:0 calc(50% - 450px);}
    .sTextArea h3{font-size:36px;}
    .sTextArea p{font-size:20px;}
    .msaoaItem img{height:160px;}
    .msaoaIR span{display:block;}
    .msaOutArea{border:none;}
    .msaoaItem{width:46%;border:1px solid #ccc;margin:2%;}
    .mpaProduct h3{font-size:18px;}
    .mpaProduct p{font-size:14px;}
    .mpaProduct a{padding:8px;}
    .mpaProductImage{height: 200px;}
    .maaCover{top:-30%;}
    .paTopArea, .paDescArea{width:94%;margin:10px 2.5%;}
    .newsLeftArea{width:100%;margin:20px 0 10px;}
    .newsRightArea{width:100%;margin:10px 0 20px;}
}
@media screen and (max-width:950px) {
    .container{width:800px;margin:0 calc(50% - 400px);}
    .slideArea{width:100%;}
    .sNewsArea{display:none;}
    .productsItem img{width:130px;margin-right:20px;}
    .pItemRight{width:calc(100% - 150px);}
    .pItemRight h3{font-size:16px;}
    .pItemRight p{font-size:14px;height:70px;margin:3px 0 10px;}
    .ptaDesc h1{font-size:32px;}
    .ptaDesc p{font-size:16px;}
    .ptaDescContact{padding:10px 15px;}
    .paDescArea h2{font-size:20px;padding:5px 15px;}
    .paImage{width:100%;}
    .paShortDetail{width:100%;height: auto;}
    .paDetail{margin:0 0 5%;}
}
@media screen and (max-width:850px) {
    .container{width:90%;margin:0 5%;}
    .sTextArea{width:100%;}
    .sImageArea{display:none;}
    .sTextArea{height: auto;}
    .sTextArea h3{position: inherit;top:auto;bottom:auto;margin:20px 0 10px;}
    .sTextArea p{position: inherit;top:auto;bottom:auto;}
    .sTextArea a{position:inherit;margin-right:20px;margin-top:10px;}
    .sTextArea a:last-child{left:auto;}
    /*.maaCover{display:none;}*/
    .mpaProduct{width:25%;}
    .mpaProduct:last-child{display:none;}
    .msaServices{width:50%;}
    .menuBtn{display:block;}
    .hMenuLeft{display:none;}
    .mobilMenu{display:block;width:300px;height:100vh;position:fixed;top:0;right:-300px;box-shadow: 0 0 10px 7px #ccc;background-color:white;z-index:9999;padding:20px;transition: 1s;}
    .mobilMenu span{float:left;position:absolute;top:10px;left:15px;font-weight: 600;font-size:20px;cursor:pointer;}
    .mobilMenu img{float:left;width:160px;margin:30px calc(50% - 80px) 50px;}
    .mobilMenu a{float:left;width:100%;text-align: center;font-weight: 500;margin:10px 0;display: flex;justify-content: center;align-items: center;}
    .mobilMenu a img{width:25px!important;margin:2px 5px!important;}   
    .mmContact{float:left;width:100%;margin-top:50px;}
    .mmSocial{float:left;width:100%;margin:30px 0!important;display:flex;align-items: center;justify-content: center;}
    .mmSocial a{float:left;width:30px!important;margin:5px 5px 5px 10px;}
    .mmSocial a img{float:left;width:100%!important;}
    .pttLeft h1{font-size:24px;}
    .pttLeft p{font-size:16px;}
    .contactTab{width:100%;}
    .contactForm{width:100%;}
    .contactMaps{width:100%;}
}
@media screen and (max-width:770px) {
    .mpaProduct p{font-size:12px;}
    .mpaProduct a{font-size:13px;}
    .productsItems{width:100%;}
}
@media screen and (max-width:700px) {
    .maaCover{display:none;}
    .mpaProduct{width:46%;margin:3% 2%;border:1px solid #ccc;}
    .mpaProduct p{font-size:14px;}
    .mpaProduct a{font-size:15px;}
    .maaLeft{width:100%;height:auto;}
    .maaRight{width:100%;height:auto;}
    .maaRight a{width:220px;margin:20px calc(50% - 110px);}
    .fLogoArea{width:120px;margin:20px calc(50% - 60px);}
    .fTabArea{float:left;width:300px;margin:0 calc(50% - 150px);text-align: center;}
    .pttLeft{width:100%;height:auto;margin:20px 0 0;}
    .pttRight{width:100%;height:auto;margin:0 0 20px;}
    .pataImageArea{float:left;width:420px;margin:20px calc(50% - 210px);}
    .ptaDesc{width:100%;}
    .nlaNews{width:100%;margin:10px 0 20px;}
}
@media screen and (max-width:600px) {
    .mainServiceArea{padding:1% 7%;}
    .mainServiceArea h4{width:90%;margin:2% 5%;font-size:20px;font-weight: 500;}
    .msaoaItem{width:90%;margin:3% 5%;}
    .msaServices{width:320px;margin:20px calc(50% - 160px);}
    .msaService{width:100%;}
    .sTextArea h3{font-size:24px;font-weight: 600;}
    .sTextArea p{font-size:16px;font-weight: 500;}
}
@media screen and (max-width:450px) {
    .mpaProduct{width:96%;margin:3% 2%;border:1px solid #ccc;}
    .pataImageArea{float:left;width:95%;margin:20px 2.5%;}
}