@media screen and (max-width: 1000px){ 
img { max-width: 100%;
    height: auto;}
.sfwide > div, .sfOuterwrapper { min-width:0px !important;}
}

@media screen and (min-width:801px) and (max-width:1024px) { 
  .sfInnerwrapper { width: 95% !important;}
#Logo { float: none !important; width: 100% !important;}
ul.sfDropdown{ margin-right: 0 !important;}/*
.sfTemplateWrap.sfFloatright { float: none;}*/
 .sfTeam ul li.sfRightImg { margin-right: 65px;}
 .sfTeam .sfTeamDetail , .sfTeam ul li div.sfImageholder:after, .sfEmployeeContent, .sfFloatingMenu{ display: none !important;}
 .sfNewArticle { width: 44%;}
 .sfDesignProcess div.sfContent h4 { float: none;}
 .sfDesignProcess div.sfContent { margin-right:35px; }
 #sfBanner .sfGreenCircle { -webkit-background-clip: border; background-clip: border-box;}
 #sfBanner11 .sfGreenCircle { -webkit-background-clip: border; background-clip: border-box;}
 .sfDesignProcess div.sfContent { margin-right:27px; }
.sfNewArticle a.sfImage img {  -webkit-border-radius: 50%; border-radius: 50%; height: 120px;}
.sfSolutionPg div.sfContent, .sfProductPg div.sfContent { width: 370px;}

}

@media screen and (max-width:800px) {
    .sfInnerwrapper { width: 95% !important;}
    h1 { font-size: 30px;}
 h2 { font-size: 28px;}
h3 { font-size: 18px;}
#sfBanner .sfModule h2 { font-size: 20px;}
#sfBanner { height: 506px;}
#sfBanner .sfGreenCircle { -webkit-background-clip: border; background-clip: border-box; width: 170px; height: 170px;}
  .sfSolutionPg div.sfContent, .sfProductPg div.sfContent { width: auto;}
  .sfSolutionPg div.sfContent, .sfProductPg div.sfContent a img { float: left;}
#sfBanner11 .sfModule h2 { font-size: 20px;}
#sfBanner11 { height: 506px;}
#sfBanner11 .sfGreenCircle { -webkit-background-clip: border; background-clip: border-box; width: 170px; height: 170px;}
  .sfSolutionPg div.sfContent, .sfProductPg div.sfContent { width: auto;}
  .sfSolutionPg div.sfContent, .sfProductPg div.sfContent a img { float: left;}
#sfNavigation {width: 80% !important; float: right !important;}
ul.sfDropdown { margin-right: 0;}
ul.sfDropdown li { padding: 0 14px;}
a.readMore { position: relative; top: 2px;}
#sfSlider .sfGreenCircle { width: 150px; height: 150px;}
.sf-sd-mrg-top {
    margin-top: 50px !important;}

.sfCmsBlock div.sfContent, .sfEcommerceBlock div.sfContent,.sfErpBlock div.sfContent, .sfSmartAppsBlock div.sfContent, .sfBusinessBlock .sfContent, .sfTestingBlock .sfContent { width: auto;}
.sfFoldCirlceTitle { background-position: center 12px; background-size: 75%;}

.sfCmsBlock, .sfEcommerceBlock,.sfErpBlock, .sfBusinessBlock, .sfSmartAppsBlock, .sfTestingBlock { background:none; height: auto; margin-top: 30px !important; padding-top: 0 !important; overflow: hidden;}

.sfSmartAppsBlock,.sfEcommerceBlock,.sfErpBlock { padding-top:0px;} 

.sfDesignProcess div.sfContent { width:170px; margin-bottom: 30px; float: left;}

.sfNewArticle { width: 100%; margin-bottom: 30px;}

.sfFoldCirlceTitle h3 { font-size: 24px;}

.sfNewsletter, #sfFooterblock, #sfSocial { display: none;}

.sfDesignProcess div.sfContent { margin-right: 5px;}
.sfOverviewPg .sfContent { width: auto;}

.sfwhatwedoDetails .sfContent { float: none; width: auto;}
.Whatwedo .sfInnerwrapper { background:none !important; padding-top:40px !important}
ul.sfDropdown li a { font-size: 14px;}
.sfWorkingDiagram { min-height:auto;}

.sfwhatwedoDetails .sf-sd-pdd-btm { padding-bottom: 0;}
.sfBottomBorder { border-bottom: none;}
.sfBottomBorder.sf-sd-mrg-btm { padding-bottom: 0 !important;}

.sfOverviewPg, .sfdelhicity, .sfWordmap { background:none;}
.sfOverviewPg img { display: none;}
.sfOverviewPg .sfContent, .sfCareer p { width: auto;}
.sfCareer { background:none; height: auto;}
.sfBottomBorder.sf-sd-pdd-btm { padding-bottom: 0 !important;}
h2.sfTitle { font-size: 24px;}
#sfContactform, #sfContactform table, #sfMap, #sfMap iframe { width:100% !important; float:none !important;}
#sfMap iframe {margin-top:30px;}
.sfInputbox, textarea { width:100% !important;}
.sfAllBlogs { padding-top: 30px;}
.sfBack { display: none;}
.clsComment table { width: 85% !important;}
.sfDesignProcess div.sfContent h4 { float: none;}
.sfDesignProcess360 { display: none;}
.sfGreenSmallCircle {float: left; width: 33%; background:none; height: auto; float: left; border:none; position: relative !important; left: 0 !important; top:0 !important; 
    overflow: visible !important;}
    .sfdelhicity, .sfWordmap { height: auto;}
.sfdelhicity, .sfWordmap div.sfGreenSmallCircle span { display: block !important; opacity: 1 !important; background:none; color: #555; position:static; height: auto; width: auto;}
.sfWordmap div span:after, #ourProduct-list  { display: none;}
#sf-dostrategy img, #sf-dodesign img, #sf-domarketing img, #sf-dodevelopment img  { height: auto !important;}
#sfSupportBg { background:none;}
.sfTeam .sfTeamDetail , .sfTeam ul li div.sfImageholder:after, .sfEmployeeContent, .sfFloatingMenu{ display: none !important;}
 .sfTeam ul li div.sfImageholder, .sfTeam ul li div.sfImageholder img { width: 160px !important; height: 160px !important; }
 .sfDesignProcess div.sfContent .sfMediumCircle { padding-top: 0 !important; width: 100px; height: 100px !important;}
 .sfDesignProcess div.sfContent .sfMediumCircle span,  .sfDesignProcess div.sfContent .sfMediumCircle:hover span { -webkit-transform:scale(0.7); -moz-transform:scale(0.7);  -o-transform:scale(0.7);}
 .sfDesignProcess div.sfContent { width: 19%;}
  .sfDesignProcess div.sfContent p { font-size: 13px;}
  .sfCmsBlock h3, .sfEcommerceBlock h3,.sfErpBlock h3, .sfSmartAppsBlock h3, .sfBusinessBlock h3, .sfTestingBlock h3 { font-size: 22px; margin-top: 30px;}
  .sfLogo a img, .sfLogo a span { max-width: none;}
  select.menu { float:right;}
  .sfDevelopmentIcon { position: relative; top:18px; }
  .sfMarketingIcon { position: relative; top: 12px;}
  .sfTeam ul li.sfRightImg { margin-right: 65px; }
   .sfSupportIcon { position: relative; top: 7px; }
   .sfNewArticle a.sfImage img {  -webkit-border-radius: 50%; border-radius: 50%; height: 120px;}
   .fundingProducts li { width:40%;}
   .partnershipAD { width: 100%; padding:0;}

}

@media screen and (max-width:480px) {
.sfNavigation ul li a{ display: none;}
h1 { font-size: 30px;}
.sfBanner h1, h2 { font-size: 24px;}
.sfBanner11 h1, h2 { font-size: 24px;}
h3 { font-size: 18px;}
#sfSlider li { width: 100% !important;}
div.clsBlog div.desc p img  { width:auto !important; height: auto !important;}
.captcha_wrap, .sfEmployeeContent, .sfTeamDetail, .sfNewsletter, #sf-dostrategy img, #sf-dodesign img, #sf-domarketing img, #sf-dodevelopment img, #sfFooterblock,.sfDesignProcess div.sfContent p, #sfSlider .sfGreenCircle,#sfSocial, .sfTemplateWrap.sfFloatright, #sfFloatingMenu
, #ourProduct-list, .sfFloatright.sf-sd-mrg-rgt, .sfDesignProcess360, #sfBanner .sfGreenCircle,a.readMore { display: none;}
#sfBanner11 .sfGreenCircle,a.readMore { display: none;}
.sf-sd-pdd-btm { padding-bottom: 50px !important;}
.sf-sd-pdd-top { padding-top: 50px !important;}
.sf-sd-mrg-btm { margin-bottom: 50px !important;}
.sfBottomBorder { border-bottom: none;}
.sfSupportBg { background:none;}
body { padding-top: 0;}
p { font-size: 12px;}
#sfHeader { height:65px; padding-top:15px; position: relative;}
#sfLogo { width: 100% !important;}
.sfLogo img  { max-width:none;}
#sfNavigation { width: 50% !important;}
#sfHeader.smallHeader #sfLogo { width: 50% !important;}

.jobDesc li { font-size:12px; }
select.menu { float: right; margin-top:-30px; background:#f5f5f5; border:none; padding:7px; width: 85px;}
#sfBanner { height:333px; background-position: right bottom;}
.sfBanner h5 { font-size:14px;}
#sfBanner11 { height:333px; background-position: right bottom;}
.sfBanner11 h5 { font-size:14px;}
#sfSocial { float: right; width: 60%;}
.sfDesignProcess div.sfContent { width: 100%; margin-bottom: 10px;}
.sfDesignProcess div.sfContent .sfMediumCircle { width:50px !important; height: 50px !important; padding: 0 !important; float: left;}
.sfDesignProcess div.sfContent .sfMediumCircle span, .sfDesignProcess div.sfContent .sfMediumCircle:hover span 
{ -webkit-transform:scale(0.3); -moz-transform:scale(0.3); transform:scale(0.3); position: relative; left: -10px; top: -20px;}

.sfDesignProcess div.sfContent .sfMediumCircle span.sfStragegyIcon { position: relative; left: 0px; top: -20px; }
.sfDesignProcess div.sfContent .sfMediumCircle span.sfDevelopmentIcon { position: relative; left: -13px; top: -4px;}
.sfDesignProcess div.sfContent .sfMediumCircle span.sfMarketingIcon { position: relative; left: -16px; top: -10px;}
.sfDesignProcess div.sfContent .sfMediumCircle span.sfSupportIcon { position: relative; left: -18px; top: -18px;}

.sfFoldCirlceTitle { background:none; top: 0px; position: relative; left:0%; text-align:left; color: #FFF; height: auto !important; padding: 0;}
.sfFoldCirlceTitle h3  { font-size: 26px; margin-bottom: 20px; color: #fff;}
.sfCmsBlock, .sfEcommerceBlock,.sfErpBlock, .sfSmartAppsBlock, .sfBusinessBlock, .sfTestingBlock { background: none; padding:0 0 10px !important; height: auto !important; overflow:hidden;
    margin: 0 0 20px !important;}
.sfCmsBlock p, .sfEcommerceBlock p, .sfSmartAppsBlock p, .sfBusinessBlock p, .sfTestingBlock p { font-size:14px;}
.sfCmsBlock div.sfContent, .sfEcommerceBlock div.sfContent,.sfErpBlock div.sfContent, .sfSmartAppsBlock div.sfContent, .sfBusinessBlock .sfContent, .sfTestingBlock .sfContent { width: auto;}
.sfCmsBlock h3, .sfEcommerceBlock h3,.sfErpBlock h3, .sfSmartAppsBlock h3, .sfBusinessBlock h3, .sfContent h3, .sfTestingBlock h3 { font-size: 18px; margin-bottom: 5px;}
.sfNewArticle { margin-right:0; width: 100%;}
.sfArticleDesc a { font-size: 16px;}
.sfDesignProcess div.sfContent h4 { float:left;} 
#sfBlog  { width: 100% !important;}
#sfBlogright { display: none;}
.sfGreenSmallCircle  {width: 100%; }
.sfTeam ul li { width: 100%; margin-right: 0;}
 .sfTeam ul li div.sfImageholder, .sfTeam ul li div.sfImageholder img { width: 110px !important; height: 110px !important; float: left; }
 h4.sfEmployeeName { padding-top: 40px;}

.sfSolutionPg div.sfContent, .sfProductPg div.sfContent { width: auto;}
ul.sfListStyleB li { line-height: 30px;}
.sfProductPg ul.sfListStyleB li { line-height: 50px; }
.sfBottomBorder { border-bottom: none;}
.sfBottomBorder.sf-sec-pdd-btm { padding-bottom: 0;}
.sfWorkingDiagram { min-height:0;}
.sfwhatwedoDetails h3 { font-size: 20px;}

.sfwhatwedoDetails .sfContent, .sfSolutionPg div.sfColA, .sfProductPg div.sfColA, .jobDesc  { float: none; width: auto;}
.Whatwedo .sfInnerwrapper { background:none !important;}
.sfContent.sfFloatright.sf-sec-mrg-top { float: left;}
.fundingProducts li { padding-left:0; width:100%; float: none;} 
}