@media screen and (max-width: 2000px)
{
html,body {height: 100%;width:100%;padding: 0px;margin:auto;position: static;}
/*MAIN CONTAINER CLS*/
.mainContainerCls {position: fixed;height:99.8%;width:99.8%;}
/*MAIN HEADER ROW CLS*/
.mainHeaderRowCls {position: relative;height:9%;width:100%;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);}
/*TECHOOKKU IMG ROW*/
.techImgRowCls {position: relative;height:70%;top:15%;width:3.5%;left:3%;float: left;}
.techImgCls {position: relative;height: 100%;width:100%;}
/*TECHOOKKU LABEL ROW*/
.techLabelRowCls {position: relative;height:33%;top:31.5%;width:15%;left:4%;float: left;}
.techLabelCls {position: relative; font-size: 24px;font-weight: 500;font-family: Roboto;}
/*CHALLENGES LABEL ROW*/
.challengesLabelRowCls {position: relative;height:30%;top:35%;width:12%;left:36%;float: left;text-align: center;}
.challengesLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*SOLUTION LABEL ROW*/
.solutionLabelRowCls {position: relative;height:30%;top:35%;width:9%;left:38%;float: left;text-align: center;}
.solutionLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*WHAT WE OFFER LABEL ROW*/
.whatLabelRowCls {position: relative;height:30%;top:35%;width:14%;left:40%;float: left;text-align: center;}
.whatLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*MAIN BODY CONATINER*/
.mainBodyCls {position: relative;height:86%;width: 98%;left:1%;overflow: auto;}
.parentRowCls {position: relative;height:90%;width:90%;left:5%;margin-bottom:4px;top:5%;}
.parentSmallRowCls {position: relative;height:25%;width:90%;left:5%;top:5%;}
.parentBigRowCls {position: relative;height:100%;width:90%;left:5%;top:5%;margin-top: 2px;}
.parentDownloadRowCls {position: relative;height:30%;width:90%;left:5%;top:29%;}
.playStoreRowCls {position: relative;height: 30%;width: 15%;float: left;top:19%;left:30%;}
.iosRowCls {position: relative;height: 30%;width: 15%;float: left;top:19%;left:40%;}
/*INNER BODY 1 CLS*/
.innerBody1Cls {position: relative;height:62%;width:45%;left:3%;top:6%;float: left;}
.socioLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold; color: #ff8f2e;text-transform: uppercase;float: left;top:5%;}
.oneStopLabelCls {position: relative;font-family: Roboto;font-size: 38px;float: left;top:10%;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;}
.weBringLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:15%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;color: #666666;}
/*INNER BODY 2 VIDEO CLS*/
.innerBody2Cls {position: relative;height:62%;width:45%;left:7%;top:6%;float: left; border-radius: 5px;background-color: #f6f6f6;}
.videoCls {position: relative;height: 100%;width: 100%}
/*INNER BODY 3 CLS*/
/*INNER BODY 3 CLS*/
.innerBody3Cls {position: relative;height: 21%;width:60%;left:20%;top:15%;float: left;}
.whenThingsLabelCls {position: relative;font-family: Roboto;font-size: 34px;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;top:8%;}
.reliableLabelCls {position: relative;font-family: Roboto;color: #666666;font-size: 17px;float: left;top:18%;font-weight: 500;text-align: center}
/*INNER BODY 4 CLS*/
.innerBody4Cls {position: relative;height:75%;width:51%;left:3%;top:12%;float: left;}
.customerLabelCls {position: relative;font-family: Roboto;font-size: 17px;color:#ff8f2e;font-weight: bold;float:left;top:5%;}
.cantLabelCls {position: relative;font-family: Roboto;font-size: 34px;float: left;top:8%;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;}
.lackOfLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:11%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;color: #666666;}
.challengeFacedLabelCls {position: relative;font-family: Roboto;font-size: 18px;color: #081c47;font-weight:normal;float: left;top:15%;}
/*LISTS ROW CLS*/
.listOneCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:2%;margin-top: 100px;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listTwoCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:3%;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listThreeCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:4%;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listFourCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:5%;font-family: Roboto; color: #494949;}
/*INNER BODY 5 CUSTOMER IMG CLS*/
.innerBody5Cls {position: relative;height:75%;width:40%;left:6%;top:12%;float: left;}
.innerbody5ImgCls {position: relative;height: 100%;width:100%;}
/*INNER BODY 6 SERVICE PROVIDERS IMG CLS*/
.innerBody6Cls {position: relative;height:75%;width:40%;left:3%;top:12%;float: left;}
.innerbody6ImgCls {position: relative;height: 100%;width:100%;}
/*INNER BODY 7 CLS*/
.innerBody7Cls {position: relative;height: 75%;width: 50%;left:7%;top:12%;float: left;}
.serviceLabelCls {position: relative;font-family: Roboto;font-size: 15px;color:#ff8f2e;font-weight: bold;float: left;top:4%;}
.inspiteLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:11%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;}
/*INNER BODY 8 CLS*/
.innerBody8Cls {position: relative;height:75%;width:50%;left:3%;top:10%;float: left;}
/*INNER BODY 9 Product Owner IMG CLS*/
.innerBody9Cls {position: relative;height:80%;width:40%;left:7%;top:10%;float: left;}
/*HOW TECHOOKKU SLOVE ROW CLS*/
.innerBody10cls {position: relative;height:18%;width:94%;left:3%;top:2%;float: left;}
.howLabelRowCls {position: relative;height:30%;width: 98%;text-align: center;top:5%;left:1%;}
.howLabelCls {position: relative; font-family: Roboto;font-size: 30px;font-weight: 200;color: #081c47;}
.techookkuLabelRowCls {position: relative;height: 50%;width:98%;left:1%;top:12%;}
.techookkuLabelCls {position: relative; font-family: Roboto;font-size: 16px;color:#666666;float:left;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;top:10%;}
/*INNER BODY 11 TAB ROW CLS*/
.innerBody11Cls {position: relative;height:8%;width:94%;left:3%;top:3.5%;float: left;}
.forCustomerLabelRowCls {position: relative;height:56%;top:5%;width:20%;left:15%;float: left;border-radius: 5px ;background-color: #f2f3f5;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forCustomerLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.forServiceLabelRowCls {position: relative;height:56%;top:5%;width:20%;left:20%;float: left;border-radius: 5px ;background-color: #ffffff;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forServiceLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.forVendorLabelRowCls {position: relative;height:56%;top:5%;width:20%;left:25%;float: left;border-radius: 5px ;background-color: #ffffff;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forVendorLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.techookku2LabelRowCls {position: relative;height: 20%;width:97%;left:1%;top:1%;float: left;font-size: 15.5px;color:#666666;font-family: Roboto}
.techookku2POLabelRowCls {position: relative;height: 13%;width:97%;left:1%;top:1%;float: left;font-size: 15.5px;color:#666666;font-family: Roboto}
/*INNER BODY 12 CLS*/
.innerBody12Cls {position: relative;height:66.5%;width:94%;left:3%;float: left;top:6%;}
/*.imgSpecialityCls {position: relative;height: 100%;width:100%;}*/
.leftImgRowCls {position: relative;height:70%;width: 25%;left:0%;top:15%;float: left;}
.duplicateRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;background-color: #f2f3f5}
.specialityRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;background-color: #f2f3f5}
.specialitySPRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;background-color: #f2f3f5}
.specialityPORowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;background-color: #f2f3f5}
.specialityListRowCls {position: relative;height: 24%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO1ListRowCls {position: relative;height: 28%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO2ListRowCls {position: relative;height: 28%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO3ListRowCls {position: relative;height: 24%;width:47.5%;top:5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO4ListRowCls {position: relative;height: 24%;width:47.5%;top:5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO5ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP1ListRowCls {position: relative;height: 22%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP2ListRowCls {position: relative;height: 22%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP3ListRowCls {position: relative;height: 24%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP4ListRowCls {position: relative;height: 24%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP5ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP6ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList1RowCls {position: relative;height: 20%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;}
.specialityList2RowCls {position: relative;height: 20%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList3RowCls {position: relative;height: 28%;width:47.5%;top:2.5%;left:1%;float: left;margin-right: 7px;}
.specialityList4RowCls {position: relative;height: 28%;width:47.5%;top:2.5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList5RowCls {position: relative;height: 25%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityImgRowCls {position: relative;height:30%;width:12%;top:1%;left:1%;}
.specialityImgCls {position: relative;height: 100%;width: 100%;}
.specialityDetailRowCls {position: relative;height:59%;width:97%;top:5%;left:1%;}
.specialityDetailCls {position: relative; font-family: Roboto;font-size: 16px;color: #4d4d4d; font-weight: 500;font-style: normal;font-stretch: normal;}
.rightImgRowCls {position: relative;height:70%;width: 25%;left:3%;top:15%;float: left;}
/*INNER BODY 13 SOCIO LABEL ROW CLS*/
.innerBody13cls {position: relative;height: 95%;width: 98%;top:3%;float: left;background-color: rgba(8, 28, 71, 0.05);left:1%;}
.socio2LabelRowCls {position: relative;height:8%;width:94%;left:3%;top:1%;text-align: center;}
.socio2LabelCls {position: relative; font-family: Roboto;font-size: 32px;font-weight: 500;color: #081c47;top:10%;}
.techookku3LabelRowCls {position: relative;height:6%;width:94%;left:3%;top:2%;text-align: center;}
.techookku3LabelCls {position: relative;font-family: Roboto;top:10%;font-size: 22px;color: #4d4d4d;font-family: Roboto;}
/*SOCIO ICONS ROW CLS*/
.socioPresenceRow1Cls {position: relative;height: 34%;width: 28.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow2Cls {position: relative;height: 34%;width: 30.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow3Cls {position: relative;height: 34%;width: 34.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow4Cls {position: relative;height: 34%;width: 29.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceImgRowCls {position: relative;height: 25%;width: 10%;left:1%;top:2%;}
.socioPresenceImgCls {position: relative;height: 100%;width: 100%;}
.socioPresenceLabelRowCls {position: relative;height: 18%;width: 98%;left:1%;top:3%;}
.socioPresenceLabelCls {position: relative;font-size: 17px;font-weight: 600;color: #4d4d4d;font-family: Roboto}
.socioPresenceDetailsRowCls {position: relative;height: 48%;width: 98%;left:1%;top:4%;}
.socioPresenceDetailsCls {position: relative;font-size: 16px;font-weight: normal;color: #666666;font-family: Roboto}
/*SERVICES LIST ROW CLS*/
.servicesListRowCls {position: relative;height: 32%;width: 72%;top:8%;float: left;left:15%;background:white;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);}
.servicesListLabelRowCls {position: relative;height: 20%;top:3%;width: 98%;text-align: center;left:1%;}
.servicesListLabelCls {position: relative;font-size: 24px;font-weight: 500;color: #4d4d4d;font-family: Roboto}
.servicesListDetailsRowCls {position: relative;height: 70%;top:6%;width: 98%;left:1%;}
.servicesListDetailsCls {position: relative;font-family: Roboto;font-size: 16px;font-stretch: condensed;color: #666666;}
.listOrderCls {position: relative;height: 15%;width: 13%;float:left;left:10%;top:10%;border-right: 1px solid black}
.listOrder1Cls {position: relative;height: 15%;width: 15%;float:left;left:12%;top:10%;border-right: 1px solid black}
.listOrder2Cls {position: relative;height: 15%;width: 20%;float:left;left:14%;top:10%;border-right: 1px solid black}
.listOrder3Cls {position: relative;height: 15%;width: 11%;float:left;left:16%;top:10%;border-right: 1px solid black}
.listOrder4Cls {position: relative;height: 15%;width: 9%;float:left;left:18%;top:10%;border-right: 1px solid black}
.listOrder5Cls {position: relative;height: 15%;width: 25%;float:left;left:20%;top:10%;border-right: 1px solid white}
.listOrder6Cls {position: relative;height: 15%;width: 15%;float:left;left:22%;top:20%;border-right:1px solid black;}
.listOrder7Cls {position: relative;height: 15%;width: 10%;float:left;left:25%;top:20%;border-right: 1px solid black}
.listOrder8Cls {position: relative;height: 15%;width: 14%;float:left;left:27%;top:20%;border-right: 1px solid black}
.listOrder9Cls {position: relative;height: 15%;width: 15%;float:left;left:29%;top:20%;border-right: 1px solid black}
.listOrder10Cls {position: relative;height: 15%;width: 20%;float:left;left:31%;top:20%;}
/*DOWNLOAD ROW CLS*/
.downloadLabelRowCls {position: relative;height: 50%;width: 90%;left: 5%;top:6%;float: left;text-align: center;}
.downloadLabelCls {position: relative; font-size: 34px;font-weight: 500;color: #081c47;font-family: Roboto}
/*FOOTER CLS*/
.mainFooterCls {position: relative;height: 5.2%;width:100%;top:0%;background-color: rgba(8, 28, 71, 0.05);}
.supportMailRowCls {position: relative;height: 50%;width: 40%;top:25%;float: left;left:45%;}
.poweredMailRowCls {position: relative;height: 50%;width: 40%;top:25%;float: left;left:2%;}
.supportMailCls {position: relative;font-size: 16px;color: #4d4d4d;font-family: Roboto}
.supCls {position: relative;font-size:8px;}
/* Safari version*/
.innerBody3Cls:not(:root:root) {position: relative;height: 15%;width:60%;left:20%;top:15%;float: left;}
.whenThingsLabelCls:not(:root:root) {position: relative;font-family: Roboto;font-size: 34px;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;top:8%;}
.reliableLabelCls:not(:root:root) {position: relative;font-family: Roboto;color: #666666;font-size: 17px;float: left;top:10px;font-weight: 500;text-align: center;}
.challengeFacedLabelCls:not(:root:root) {position: relative;font-family: Roboto;font-size: 18px;color: #081c47;font-weight:normal;float: left;top:14.5%;}
.listOrderCls:not(:root:root) {position: relative;height: 13%;width: 13%;float:left;left:7%;top:10%;border-right: 1px solid black}
.listOrder1Cls:not(:root:root) {position: relative;height: 13%;width: 15%;float:left;left:9%;top:10%;border-right: 1px solid black}
.listOrder2Cls:not(:root:root) {position: relative;height: 13%;width: 13%;float:left;left:11%;top:10%;border-right: 1px solid black}
.listOrder3Cls:not(:root:root) {position: relative;height: 13%;width: 11%;float:left;left:13%;top:10%;border-right: 1px solid black}
.listOrder4Cls:not(:root:root) {position: relative;height: 13%;width: 8%;float:left;left:15%;top:10%;border-right: 1px solid black}
.listOrder5Cls:not(:root:root) {position: relative;height: 13%;width: 8%;float:left;left:17%;top:10%;border-right: 1px solid black}
.listOrder6Cls:not(:root:root) {position: relative;height: 13%;width: 25%;float:left;left:19%;top:10%;border-right: 1px solid white}
.listOrder7Cls:not(:root:root) {position: relative;height: 13%;width: 17%;float:left;left:15%;top:25%;border-right: 1px solid black}
.listOrder8Cls:not(:root:root) {position: relative;height: 13%;width: 11%;float:left;left:17%;top:25%;border-right: 1px solid black}
.listOrder9Cls:not(:root:root) {position: relative;height: 13%;width: 16%;float:left;left:19%;top:25%;border-right: 1px solid black}
.listOrder10Cls:not(:root:root) {position: relative;height: 13%;width: 20%;float:left;left:21%;top:25%;}
.cantLabelCls:not(:root:root) {position: relative;font-family: Roboto;font-size: 34px;float: left;top:8%;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;}
}
@media screen and (min-width: 1024px) and (max-width: 1300px)
{
html,body {height: 100%;width:100%;padding: 0px;margin:auto;position: static;}
/*MAIN CONTAINER CLS*/
.mainContainerCls {position: fixed;height:99.8%;width:99.8%;}
/*MAIN HEADER ROW CLS*/
.mainHeaderRowCls {position: relative;height:9%;width:100%;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);}
/*TECHOOKKU IMG ROW*/
.techImgRowCls {position: relative;height:70%;top:15%;width:4%;left:3%;float: left;}
.techImgCls {position: relative;height: 100%;width:100%;}
/*TECHOOKKU LABEL ROW*/
.techLabelRowCls {position: relative;height:45%;top:27.5%;width:15%;left:4%;float: left;}
.techLabelCls {position: relative; font-size: 24px;font-weight: 500;font-family: Roboto;}
/*CHALLENGES LABEL ROW*/
.challengesLabelRowCls {position: relative;height:30%;top:35%;width:12%;left:36%;float: left;text-align: center;}
.challengesLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*SOLUTION LABEL ROW*/
.solutionLabelRowCls {position: relative;height:30%;top:35%;width:9%;left:38%;float: left;text-align: center;}
.solutionLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*WHAT WE OFFER LABEL ROW*/
.whatLabelRowCls {position: relative;height:30%;top:35%;width:14%;left:40%;float: left;text-align: center;}
.whatLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*MAIN BODY CONATINER*/
.mainBodyCls {position: relative;height:86%;width: 98%;left:1%;overflow: auto;}
.parentRowCls {position: relative;height:90%;width:90%;left:5%;margin-bottom:4px;top:5%;}
.parentSmallRowCls {position: relative;height:25%;width:90%;left:5%;top:5%;}
.parentBigRowCls {position: relative;height:100%;width:90%;left:5%;top:5%;margin-top: 2px;}
.parentDownloadRowCls {position: relative;height:30%;width:90%;left:5%;top:29%;}
.playStoreRowCls {position: relative;height: 30%;width: 15%;float: left;top:19%;left:30%;}
.iosRowCls {position: relative;height: 30%;width: 15%;float: left;top:19%;left:40%;}
/*INNER BODY 1 CLS*/
.innerBody1Cls {position: relative;height:62%;width:45%;left:3%;top:6%;float: left;}
.socioLabelCls {position: relative; font-family: Roboto;font-size: 14px;font-weight: bold; color: #ff8f2e;text-transform: uppercase;float: left;top:5%;}
.oneStopLabelCls {position: relative;font-family: Roboto;font-size: 38px;float: left;top:10%;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;}
.weBringLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:15%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;color: #666666;}
/*INNER BODY 2 VIDEO CLS*/
.innerBody2Cls {position: relative;height:62%;width:45%;left:7%;top:6%;float: left; border-radius: 5px;background-color: #f6f6f6;}
.videoCls {position: relative;height: 100%;width: 100%}
/*INNER BODY 3 CLS*/
.innerBody3Cls {position: relative;height: 21%;width:94%;left:3%;top:12%;float: left;}
.whenThingsLabelCls {position: relative;font-family: Roboto;font-size: 34px;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;top:8%;}
.reliableLabelCls {position: relative;font-family: Roboto;color: #666666;font-size: 17px;float: left;top:18%;font-weight: 500;text-align: center}
/*INNER BODY 4 CLS*/
.innerBody4Cls {position: relative;height:75%;width:51%;left:3%;top:12%;float: left;}
.customerLabelCls {position: relative;font-family: Roboto;font-size: 14px;color:#ff8f2e;font-weight: bold;float:left;top:5%;}
.cantLabelCls {position: relative;font-family: Roboto;font-size: 34px;float: left;top:8%;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;}
.lackOfLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:11%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;color: #666666;}
.challengeFacedLabelCls {position: relative;font-family: Roboto;font-size: 18px;color: #081c47;font-weight:normal;float: left;top:15%;}
/*LISTS ROW CLS*/
.listOneCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:2%;margin-top: 85px;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listTwoCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:3%;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listThreeCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:4%;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listFourCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:5%;font-family: Roboto; color: #494949;}
/*INNER BODY 5 CUSTOMER IMG CLS*/
.innerBody5Cls {position: relative;height:75%;width:40%;left:6%;top:12%;float: left;}
.innerbody5ImgCls {position: relative;height: 100%;width:100%;}
/*INNER BODY 6 SERVICE PROVIDERS IMG CLS*/
.innerBody6Cls {position: relative;height:75%;width:40%;left:3%;top:12%;float: left;}
.innerbody6ImgCls {position: relative;height: 100%;width:100%;}
/*INNER BODY 7 CLS*/
.innerBody7Cls {position: relative;height: 75%;width: 50%;left:7%;top:12%;float: left;}
.serviceLabelCls {position: relative;font-family: Roboto;font-size: 14px;color:#ff8f2e;font-weight: bold;float: left;top:4%;}
.inspiteLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:11%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;}
/*INNER BODY 8 CLS*/
.innerBody8Cls {position: relative;height:75%;width:50%;left:3%;top:10%;float: left;}
/*INNER BODY 9 Product Owner IMG CLS*/
.innerBody9Cls {position: relative;height:80%;width:40%;left:7%;top:10%;float: left;}
/*HOW TECHOOKKU SLOVE ROW CLS*/
.innerBody10cls {position: relative;height:18%;width:94%;left:3%;top:2%;float: left;}
.howLabelRowCls {position: relative;height:30%;width: 98%;text-align: center;top:5%;left:1%;}
.howLabelCls {position: relative; font-family: Roboto;font-size: 30px;font-weight: 200;color: #081c47;}
.techookkuLabelRowCls {position: relative;height: 50%;width:98%;left:1%;top:12%;}
.techookkuLabelCls {position: relative; font-family: Roboto;font-size: 16px;color:#666666;float:left;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;top:10%;}
/*INNER BODY 11 TAB ROW CLS*/
.innerBody11Cls {position: relative;height:8%;width:94%;left:3%;top:3.5%;float: left;}
.forCustomerLabelRowCls {position: relative;height:70%;top:5%;width:30%;left:1%;float: left;border-radius: 5px ;background-color: #f2f3f5;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forCustomerLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.forServiceLabelRowCls {position: relative;height:70%;top:5%;width:30%;left:5%;float: left;border-radius: 5px ;background-color: #ffffff;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forServiceLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.forVendorLabelRowCls {position: relative;height:70%;top:5%;width:30%;left:8.5%;float: left;border-radius: 5px ;background-color: #ffffff;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forVendorLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.techookku2LabelRowCls {position: relative;height: 20%;width:97%;left:1%;top:1%;float: left;font-size: 15.5px;color:#666666;font-family: Roboto}
.techookku2POLabelRowCls {position: relative;height: 13%;width:97%;left:1%;top:1%;float: left;font-size: 15.5px;color:#666666;font-family: Roboto}
/*INNER BODY 12 CLS*/
.innerBody12Cls {position: relative;height:66.5%;width:94%;left:3%;float: left;top:6%;}
/*.imgSpecialityCls {position: relative;height: 100%;width:100%;}*/
.leftImgRowCls {position: relative;height:70%;width: 25%;left:0%;top:15%;float: left;}
.duplicateRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;}
.specialityRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;}
.specialitySPRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;}
.specialityPORowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;}
.specialityListRowCls {position: relative;height: 24%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO1ListRowCls {position: relative;height: 28%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO2ListRowCls {position: relative;height: 28%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO3ListRowCls {position: relative;height: 24%;width:47.5%;top:5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO4ListRowCls {position: relative;height: 24%;width:47.5%;top:5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO5ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP1ListRowCls {position: relative;height: 22%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP2ListRowCls {position: relative;height: 22%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP3ListRowCls {position: relative;height: 24%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP4ListRowCls {position: relative;height: 24%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP5ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP6ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList1RowCls {position: relative;height: 20%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;}
.specialityList2RowCls {position: relative;height: 20%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList3RowCls {position: relative;height: 28%;width:47.5%;top:2.5%;left:1%;float: left;margin-right: 7px;}
.specialityList4RowCls {position: relative;height: 28%;width:47.5%;top:2.5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList5RowCls {position: relative;height: 25%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityImgRowCls {position: relative;height:30%;width:12%;top:1%;left:1%;}
.specialityImgCls {position: relative;height: 100%;width: 100%;}
.specialityDetailRowCls {position: relative;height:59%;width:97%;top:5%;left:1%;}
.specialityDetailCls {position: relative; font-family: Roboto;font-size: 16px;color: #4d4d4d; font-weight: 500;font-style: normal;font-stretch: normal;}
.rightImgRowCls {position: relative;height:70%;width: 25%;left:3%;top:15%;float: left;}
/*INNER BODY 13 SOCIO LABEL ROW CLS*/
.innerBody13cls {position: relative;height: 95%;width: 98%;top:3%;float: left;background-color: rgba(8, 28, 71, 0.05);left:1%;}
.socio2LabelRowCls {position: relative;height:8%;width:94%;left:3%;top:1%;text-align: center;}
.socio2LabelCls {position: relative; font-family: Roboto;font-size: 32px;font-weight: 500;color: #081c47;top:10%;}
.techookku3LabelRowCls {position: relative;height:6%;width:94%;left:3%;top:2%;text-align: center;}
.techookku3LabelCls {position: relative;font-family: Roboto;top:10%;font-size: 22px;color: #4d4d4d;font-family: Roboto;}
/*SOCIO ICONS ROW CLS*/
.socioPresenceRow1Cls {position: relative;height: 34%;width: 28.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow2Cls {position: relative;height: 34%;width: 30.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow3Cls {position: relative;height: 34%;width: 34.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow4Cls {position: relative;height: 34%;width: 29.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceImgRowCls {position: relative;height: 25%;width: 10%;left:1%;top:2%;}
.socioPresenceImgCls {position: relative;height: 100%;width: 100%;}
.socioPresenceLabelRowCls {position: relative;height: 18%;width: 98%;left:1%;top:3%;}
.socioPresenceLabelCls {position: relative;font-size: 17px;font-weight: 600;color: #4d4d4d;font-family: Roboto}
.socioPresenceDetailsRowCls {position: relative;height: 48%;width: 98%;left:1%;top:4%;}
.socioPresenceDetailsCls {position: relative;font-size: 16px;font-weight: normal;color: #666666;font-family: Roboto}
/*SERVICES LIST ROW CLS*/
.servicesListRowCls {position: relative;height: 32%;width: 72%;top:8%;float: left;left:15%;background:white;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);}
.servicesListLabelRowCls {position: relative;height: 20%;top:3%;width: 98%;text-align: center;left:1%;}
.servicesListLabelCls {position: relative;font-size: 24px;font-weight: 500;color: #4d4d4d;font-family: Roboto}
.servicesListDetailsRowCls {position: relative;height: 70%;top:6%;width: 98%;left:1%;}
.servicesListDetailsCls {position: relative;font-family: Roboto;font-size: 16px;font-stretch: condensed;color: #666666;}
.listOrderCls {position: relative;height: 15%;width: 20%;float:left;left:10%;top:5%;border-right: 1px solid black}
.listOrder1Cls {position: relative;height: 15%;width: 23%;float:left;left:12%;top:5%;border-right: 1px solid black}
.listOrder2Cls {position: relative;height: 15%;width: 43%;float:left;left:14%;top:5%;border-right: 1px solid white}
.listOrder3Cls {position: relative;height: 15%;width: 20%;float:left;left:12%;top:15%;border-right: 1px solid black}
.listOrder4Cls {position: relative;height: 15%;width: 15%;float:left;left:14%;top:15%;border-right:1px solid black;}
.listOrder5Cls {position: relative;height: 15%;width: 13%;float:left;left:16%;top:15%;border-right: 1px solid black}
.listOrder6Cls {position: relative;height: 15%;width: 36%;float:left;left:18%;top:15%;border-right: 1px solid white}
.listOrder7Cls {position: relative;height: 15%;width: 16%;float:left;left:15%;top:27%;border-right: 1px solid black}
.listOrder8Cls {position: relative;height: 15%;width: 23%;float:left;left:17%;top:27%;border-right: 1px solid black}
.listOrder9Cls {position: relative;height: 15%;width: 24%;float:left;left:19%;top:27%;border-right: 1px solid white}
/*DOWNLOAD ROW CLS*/
.downloadLabelRowCls {position: relative;height: 50%;width: 90%;left: 5%;top:6%;float: left;text-align: center;}
.downloadLabelCls {position: relative; font-size: 34px;font-weight: 500;color: #081c47;font-family: Roboto}
/*FOOTER CLS*/
.mainFooterCls {position: relative;top:0%;height: 5.2%;width:100%;background-color: rgba(8, 28, 71, 0.05);}
.supportMailRowCls {position: relative;height: 50%;width: 40%;top:25%;float: left;left:19%;text-align: right}
.poweredMailRowCls {position: relative;height: 50%;width: 40%;top:25%;float: left;left:2%;}
.supportMailCls {position: relative;font-size: 16px;color: #4d4d4d;font-family: Roboto}
.supCls {position: relative;font-size:10px;}
/*SAFARI VERSION*/
.listOrderCls:not(:root:root) {position: relative;height: 15%;width: 20%;float:left;left:4%;top:5%;border-right: 1px solid black}
.listOrder1Cls:not(:root:root) {position: relative;height: 15%;width: 23%;float:left;left:6%;top:5%;border-right: 1px solid black}
.listOrder2Cls:not(:root:root) {position: relative;height: 15%;width: 19%;float:left;left:8%;top:5%;border-right: 1px solid black}
.listOrder3Cls:not(:root:root) {position: relative;height: 15%;width: 16%;float:left;left:10%;top:5%;border-right: 1px solid black}
.listOrder4Cls:not(:root:root) {position: relative;height: 15%;width: 12%;float:left;left:11%;top:5%;border-right:1px solid white;}
.listOrder5Cls:not(:root:root) {position: relative;height: 15%;width: 12%;float:left;left:18%;top:15%;border-right: 1px solid black}
.listOrder6Cls:not(:root:root) {position: relative;height: 15%;width: 12%;float:left;left:20%;top:15%;border-right: 1px solid black}
.listOrder7Cls:not(:root:root) {position: relative;height: 15%;width: 25%;float:left;left:22%;top:15%;border-right: 1px solid black}
.listOrder8Cls:not(:root:root) {position: relative;height: 15%;width: 25%;float:left;left:24%;top:15%;border-right: 1px solid white}
.listOrder9Cls:not(:root:root) {position: relative;height: 15%;width: 26%;float:left;left:30%;top:25%;border-right: 1px solid black}
.listOrder10Cls:not(:root:root) {position: relative;height: 15%;width: 20%;float:left;left:32%;top:25%;border-right: 1px solid white}
.parentDownloadRowCls:not(:root:root) {position: relative;height:30%;width:90%;left:5%;top:29%;}
.playStoreRowCls:not(:root:root) {position: relative;height: 30%;width: 12%;float: left;top:15%;left:35%;}
.iosRowCls:not(:root:root) {position: relative;height: 30%;width: 12%;float: left;top:15%;left:38%;}
.listOneCls:not(:root:root) {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:2%;margin-top: 85px;font-family: Roboto; color: #494949;margin-bottom: 15px}
.listTwoCls:not(:root:root) {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:3%;font-family: Roboto; color: #494949;margin-bottom: 15px}
.listThreeCls:not(:root:root) {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:4%;font-family: Roboto; color: #494949;margin-bottom: 15px}
.listFourCls:not(:root:root) {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:5%;font-family: Roboto; color: #494949;}
}
@media screen and (min-width: 1301px) and (max-width: 1600px)
{
html,body {height: 100%;width:100%;padding: 0px;margin:auto;position: static;}
/*MAIN CONTAINER CLS*/
.mainContainerCls {position: fixed;height:99.8%;width:99.8%;}
/*MAIN HEADER ROW CLS*/
.mainHeaderRowCls {position: relative;height:9%;width:100%;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);}
/*TECHOOKKU IMG ROW*/
.techImgRowCls {position: relative;height:70%;top:15%;width:4%;left:3%;float: left;}
.techImgCls {position: relative;height: 100%;width:100%;}
/*TECHOOKKU LABEL ROW*/
.techLabelRowCls {position: relative;height:45%;top:27.5%;width:15%;left:4%;float: left;}
.techLabelCls {position: relative; font-size: 24px;font-weight: 500;font-family: Roboto;}
/*CHALLENGES LABEL ROW*/
.challengesLabelRowCls {position: relative;height:30%;top:35%;width:12%;left:36%;float: left;text-align: center;}
.challengesLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*SOLUTION LABEL ROW*/
.solutionLabelRowCls {position: relative;height:30%;top:35%;width:9%;left:38%;float: left;text-align: center;}
.solutionLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*WHAT WE OFFER LABEL ROW*/
.whatLabelRowCls {position: relative;height:30%;top:35%;width:14%;left:40%;float: left;text-align: center;}
.whatLabelCls {position: relative; font-family: Roboto;font-size: 16px;font-weight: bold;font-stretch: condensed;color:#666666;}
/*MAIN BODY CONATINER*/
.mainBodyCls {position: relative;height:86%;width: 98%;left:1%;overflow: auto;}
.parentRowCls {position: relative;height:90%;width:90%;left:5%;margin-bottom:4px;top:5%;}
.parentSmallRowCls {position: relative;height:25%;width:90%;left:5%;top:5%;}
.parentBigRowCls {position: relative;height:100%;width:90%;left:5%;top:5%;margin-top: 2px;}
.parentDownloadRowCls {position: relative;height:30%;width:90%;left:5%;top:29%;}
.playStoreRowCls {position: relative;height: 30%;width: 15%;float: left;top:19%;left:30%;}
.iosRowCls {position: relative;height: 30%;width: 15%;float: left;top:19%;left:40%;}
/*INNER BODY 1 CLS*/
.innerBody1Cls {position: relative;height:62%;width:45%;left:3%;top:6%;float: left;}
.socioLabelCls {position: relative; font-family: Roboto;font-size: 14px;font-weight: bold; color: #ff8f2e;text-transform: uppercase;float: left;top:5%;}
.oneStopLabelCls {position: relative;font-family: Roboto;font-size: 38px;float: left;top:10%;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;}
.weBringLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:15%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;color: #666666;}
/*INNER BODY 2 VIDEO CLS*/
.innerBody2Cls {position: relative;height:62%;width:45%;left:7%;top:6%;float: left; border-radius: 5px;background-color: #f6f6f6;}
.videoCls {position: relative;height: 100%;width: 100%}
/*INNER BODY 3 CLS*/
.innerBody3Cls {position: relative;height: 21%;width:94%;left:3%;top:12%;float: left;}
.whenThingsLabelCls {position: relative;font-family: Roboto;font-size: 34px;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;top:8%;}
.reliableLabelCls {position: relative;font-family: Roboto;color: #666666;font-size: 17px;float: left;top:18%;font-weight: 500;text-align: center}
/*INNER BODY 4 CLS*/
.innerBody4Cls {position: relative;height:75%;width:51%;left:3%;top:12%;float: left;}
.customerLabelCls {position: relative;font-family: Roboto;font-size: 14px;color:#ff8f2e;font-weight: bold;float:left;top:5%;}
.cantLabelCls {position: relative;font-family: Roboto;font-size: 34px;float: left;top:8%;font-weight: 500; font-style: normal;font-stretch: normal;letter-spacing: normal;color: #081c47;}
.lackOfLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:11%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;color: #666666;}
.challengeFacedLabelCls {position: relative;font-family: Roboto;font-size: 18px;color: #081c47;font-weight:normal;float: left;top:15%;}
/*LISTS ROW CLS*/
.listOneCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:2%;margin-top: 85px;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listTwoCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:3%;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listThreeCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:4%;font-family: Roboto; color: #494949;margin-bottom: 10px}
.listFourCls {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:5%;font-family: Roboto; color: #494949;}
/*INNER BODY 5 CUSTOMER IMG CLS*/
.innerBody5Cls {position: relative;height:75%;width:40%;left:6%;top:12%;float: left;}
.innerbody5ImgCls {position: relative;height: 100%;width:100%;}
/*INNER BODY 6 SERVICE PROVIDERS IMG CLS*/
.innerBody6Cls {position: relative;height:75%;width:40%;left:3%;top:12%;float: left;}
.innerbody6ImgCls {position: relative;height: 100%;width:100%;}
/*INNER BODY 7 CLS*/
.innerBody7Cls {position: relative;height: 75%;width: 50%;left:7%;top:12%;float: left;}
.serviceLabelCls {position: relative;font-family: Roboto;font-size: 14px;color:#ff8f2e;font-weight: bold;float: left;top:4%;}
.inspiteLabelCls {position: relative; font-family: Roboto;font-size: 18px;color:#666666;float:left;top:11%;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;}
/*INNER BODY 8 CLS*/
.innerBody8Cls {position: relative;height:75%;width:50%;left:3%;top:10%;float: left;}
/*INNER BODY 9 Product Owner IMG CLS*/
.innerBody9Cls {position: relative;height:80%;width:40%;left:7%;top:10%;float: left;}
/*HOW TECHOOKKU SLOVE ROW CLS*/
.innerBody10cls {position: relative;height:18%;width:94%;left:3%;top:2%;float: left;}
.howLabelRowCls {position: relative;height:30%;width: 98%;text-align: center;top:5%;left:1%;}
.howLabelCls {position: relative; font-family: Roboto;font-size: 30px;font-weight: 200;color: #081c47;}
.techookkuLabelRowCls {position: relative;height: 50%;width:98%;left:1%;top:12%;}
.techookkuLabelCls {position: relative; font-family: Roboto;font-size: 16px;color:#666666;float:left;font-weight: normal; font-style: normal; font-stretch: condensed;letter-spacing: normal;top:10%;}
/*INNER BODY 11 TAB ROW CLS*/
.innerBody11Cls {position: relative;height:8%;width:94%;left:3%;top:3.5%;float: left;}
.forCustomerLabelRowCls {position: relative;height:70%;top:5%;width:30%;left:1%;float: left;border-radius: 5px ;background-color: #f2f3f5;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forCustomerLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.forServiceLabelRowCls {position: relative;height:70%;top:5%;width:30%;left:5%;float: left;border-radius: 5px ;background-color: #ffffff;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forServiceLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.forVendorLabelRowCls {position: relative;height:70%;top:5%;width:30%;left:8.5%;float: left;border-radius: 5px ;background-color: #ffffff;text-align: center;box-shadow: 0 0 10px 0 rgba(8, 28, 71, 0.15);}
.forVendorLabelCls {position: relative;height: 100%;width:100%; font-family: Roboto;font-size: 24px;font-weight: 500;color: #081c47;}
.techookku2LabelRowCls {position: relative;height: 20%;width:97%;left:1%;top:1%;float: left;font-size: 15.5px;color:#666666;font-family: Roboto}
.techookku2POLabelRowCls {position: relative;height: 13%;width:97%;left:1%;top:1%;float: left;font-size: 15.5px;color:#666666;font-family: Roboto}
/*INNER BODY 12 CLS*/
.innerBody12Cls {position: relative;height:66.5%;width:94%;left:3%;float: left;top:6%;}
/*.imgSpecialityCls {position: relative;height: 100%;width:100%;}*/
.leftImgRowCls {position: relative;height:70%;width: 25%;left:0%;top:15%;float: left;}
.duplicateRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;}
.specialityRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;}
.specialitySPRowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;}
.specialityPORowCls {position: relative;height:98%;width: 45%;left:2%;top:1%;float: left;display: none;}
.specialityListRowCls {position: relative;height: 24%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO1ListRowCls {position: relative;height: 28%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO2ListRowCls {position: relative;height: 28%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO3ListRowCls {position: relative;height: 24%;width:47.5%;top:5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO4ListRowCls {position: relative;height: 24%;width:47.5%;top:5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityPO5ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP1ListRowCls {position: relative;height: 22%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP2ListRowCls {position: relative;height: 22%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP3ListRowCls {position: relative;height: 24%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP4ListRowCls {position: relative;height: 24%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP5ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialitySP6ListRowCls {position: relative;height: 24%;width:47.5%;top:6%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList1RowCls {position: relative;height: 20%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;}
.specialityList2RowCls {position: relative;height: 20%;width:47.5%;top:2%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList3RowCls {position: relative;height: 28%;width:47.5%;top:2.5%;left:1%;float: left;margin-right: 7px;}
.specialityList4RowCls {position: relative;height: 28%;width:47.5%;top:2.5%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityList5RowCls {position: relative;height: 25%;width:47.5%;top:3%;left:1%;float: left;margin-right: 7px;margin-bottom: 3px;}
.specialityImgRowCls {position: relative;height:30%;width:12%;top:1%;left:1%;}
.specialityImgCls {position: relative;height: 100%;width: 100%;}
.specialityDetailRowCls {position: relative;height:59%;width:97%;top:5%;left:1%;}
.specialityDetailCls {position: relative; font-family: Roboto;font-size: 16px;color: #4d4d4d; font-weight: 500;font-style: normal;font-stretch: normal;}
.rightImgRowCls {position: relative;height:70%;width: 25%;left:3%;top:15%;float: left;}
/*INNER BODY 13 SOCIO LABEL ROW CLS*/
.innerBody13cls {position: relative;height: 95%;width: 98%;top:3%;float: left;background-color: rgba(8, 28, 71, 0.05);left:1%;}
.socio2LabelRowCls {position: relative;height:8%;width:94%;left:3%;top:1%;text-align: center;}
.socio2LabelCls {position: relative; font-family: Roboto;font-size: 32px;font-weight: 500;color: #081c47;top:10%;}
.techookku3LabelRowCls {position: relative;height:6%;width:94%;left:3%;top:2%;text-align: center;}
.techookku3LabelCls {position: relative;font-family: Roboto;top:10%;font-size: 22px;color: #4d4d4d;font-family: Roboto;}
/*SOCIO ICONS ROW CLS*/
.socioPresenceRow1Cls {position: relative;height: 34%;width: 28.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow2Cls {position: relative;height: 34%;width: 30.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow3Cls {position: relative;height: 34%;width: 34.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceRow4Cls {position: relative;height: 34%;width: 29.5%;float: left;left:2%;top:3%;margin-right: 10px;margin-top:4px;}
.socioPresenceImgRowCls {position: relative;height: 25%;width: 10%;left:1%;top:2%;}
.socioPresenceImgCls {position: relative;height: 100%;width: 100%;}
.socioPresenceLabelRowCls {position: relative;height: 18%;width: 98%;left:1%;top:3%;}
.socioPresenceLabelCls {position: relative;font-size: 17px;font-weight: 600;color: #4d4d4d;font-family: Roboto}
.socioPresenceDetailsRowCls {position: relative;height: 48%;width: 98%;left:1%;top:4%;}
.socioPresenceDetailsCls {position: relative;font-size: 16px;font-weight: normal;color: #666666;font-family: Roboto}
/*SERVICES LIST ROW CLS*/
.servicesListRowCls {position: relative;height: 32%;width: 72%;top:8%;float: left;left:15%;background:white;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);}
.servicesListLabelRowCls {position: relative;height: 20%;top:3%;width: 98%;text-align: center;left:1%;}
.servicesListLabelCls {position: relative;font-size: 24px;font-weight: 500;color: #4d4d4d;font-family: Roboto}
.servicesListDetailsRowCls {position: relative;height: 70%;top:6%;width: 98%;left:1%;}
.servicesListDetailsCls {position: relative;font-family: Roboto;font-size: 16px;font-stretch: condensed;color: #666666;}
.listOrderCls {position: relative;height: 15%;width: 16%;float:left;left:11%;top:5%;border-right: 1px solid black}
.listOrder1Cls {position: relative;height: 15%;width: 18%;float:left;left:13%;top:5%;border-right: 1px solid black}
.listOrder2Cls {position: relative;height: 15%;width: 28%;float:left;left:15%;top:5%;border-right: 1px solid black}
.listOrder3Cls {position: relative;height: 15%;width: 28%;float:left;left:17%;top:5%;border-right: 1px solid white}
.listOrder4Cls {position: relative;height: 15%;width: 13%;float:left;left:18%;top:15%;border-right:1px solid black;}
.listOrder5Cls {position: relative;height: 15%;width: 11%;float:left;left:20%;top:15%;border-right: 1px solid black}
.listOrder6Cls {position: relative;height: 15%;width: 20%;float:left;left:22%;top:15%;border-right: 1px solid black}
.listOrder7Cls {position: relative;height: 15%;width: 39%;float:left;left:24%;top:15%;border-right: 1px solid white}
.listOrder8Cls {position: relative;height: 15%;width: 17%;float:left;left:30%;top:27%;border-right: 1px solid black}
.listOrder9Cls {position: relative;height: 15%;width: 19%;float:left;left:32%;top:27%;border-right: 1px solid white}
/*DOWNLOAD ROW CLS*/
.downloadLabelRowCls {position: relative;height: 50%;width: 90%;left: 5%;top:6%;float: left;text-align: center;}
.downloadLabelCls {position: relative; font-size: 34px;font-weight: 500;color: #081c47;font-family: Roboto}
/*FOOTER CLS*/
.mainFooterCls {position: relative;top:0%;height: 5.2%;width:100%;background-color: rgba(8, 28, 71, 0.05);}
.supportMailRowCls {position: relative;height: 50%;width: 40%;top:25%;float: left;left:19%;text-align: right}
.poweredMailRowCls {position: relative;height: 50%;width: 40%;top:25%;float: left;left:2%;}
.supportMailCls {position: relative;font-size: 16px;color: #4d4d4d;font-family: Roboto}
.supCls {position: relative;font-size:10px;}
/*SAFARI VERSION*/
.listOrderCls:not(:root:root) {position: relative;height: 15%;width: 20%;float:left;left:4%;top:5%;border-right: 1px solid black}
.listOrder1Cls:not(:root:root) {position: relative;height: 15%;width: 23%;float:left;left:6%;top:5%;border-right: 1px solid black}
.listOrder2Cls:not(:root:root) {position: relative;height: 15%;width: 19%;float:left;left:8%;top:5%;border-right: 1px solid black}
.listOrder3Cls:not(:root:root) {position: relative;height: 15%;width: 16%;float:left;left:10%;top:5%;border-right: 1px solid black}
.listOrder4Cls:not(:root:root) {position: relative;height: 15%;width: 12%;float:left;left:11%;top:5%;border-right:1px solid white;}
.listOrder5Cls:not(:root:root) {position: relative;height: 15%;width: 12%;float:left;left:18%;top:15%;border-right: 1px solid black}
.listOrder6Cls:not(:root:root) {position: relative;height: 15%;width: 12%;float:left;left:20%;top:15%;border-right: 1px solid black}
.listOrder7Cls:not(:root:root) {position: relative;height: 15%;width: 25%;float:left;left:22%;top:15%;border-right: 1px solid black}
.listOrder8Cls:not(:root:root) {position: relative;height: 15%;width: 25%;float:left;left:24%;top:15%;border-right: 1px solid white}
.listOrder9Cls:not(:root:root) {position: relative;height: 15%;width: 26%;float:left;left:30%;top:25%;border-right: 1px solid black}
.listOrder10Cls:not(:root:root) {position: relative;height: 15%;width: 20%;float:left;left:32%;top:25%;border-right: 1px solid white}
.parentDownloadRowCls:not(:root:root) {position: relative;height:30%;width:90%;left:5%;top:29%;}
.playStoreRowCls:not(:root:root) {position: relative;height: 30%;width: 12%;float: left;top:15%;left:35%;}
.iosRowCls:not(:root:root) {position: relative;height: 30%;width: 12%;float: left;top:15%;left:38%;}
.listOneCls:not(:root:root) {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:2%;margin-top: 85px;font-family: Roboto; color: #494949;margin-bottom: 15px}
.listTwoCls:not(:root:root) {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:3%;font-family: Roboto; color: #494949;margin-bottom: 15px}
.listThreeCls:not(:root:root) {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:4%;font-family: Roboto; color: #494949;margin-bottom: 15px}
.listFourCls:not(:root:root) {position: relative;font-size:15px;float: left;height: 10%;width: 100%;top:5%;font-family: Roboto; color: #494949;}
}