@charset "utf-8";
/* CSS Document */
@media handheld, only screen and (max-width: 1900px){
.homeLinksCon{ padding-top: 30px; }
}


@media handheld, only screen and (max-width: 1680px){
.homeLinksCon{ padding-top: 30px; }
}

@media handheld, only screen and (max-width: 1366px){
#animBannerHolder{ position:absolute; left:0px; top:0px; width:100%;  height:130px; overflow: hidden; color:#fff; z-index:98;}
.bcwebwise{ padding:0 10px;}
.digitalText{ padding:40px 0px 0px 0px;}
.homeLinksCon{ padding-top: 20px;}
}

@media handheld, only screen and (max-width: 1366px){

}

@media handheld, only screen and (max-width: 1139px){
#footerHolder ul li{ padding: 20px 15px;}	
#footerHolder span{ margin: 0 3px;}
}

@media handheld, only screen and (max-width: 1024px){
#navigation  .subNavList{ left: 0px; top: 20px; width: 100%; height: 100%; background: #fff; }
#navigation .menuLinksHolder{ position: relative; width: 300px; margin:0 auto; }
#navigation .subNavList span{ display: block; }
.backArrow{ display: block;  }
#navigation .subNavList span a { line-height: 20px; padding: 3px 0 3px 10px; background: url(../images/dash-subnav.gif) no-repeat left 12px;}
.clientsCon ul li { width: 28%;}

/*as start */
.marketIentyfication li {/* display:block;*/ margin:20px auto; width:100%; max-width:600px;}
.imgsecT { width:16%;}
.parasecT { width:84%; }
.analiticsSec { padding-left:20px;}
.cityCon{ width: 50%;}
}

@media screen and (min-width: 1024px) and (max-height: 720px) {
    
#breadcrumb{ padding: 0px 0 20px 0;}
.innerCon .container{ padding-top: 20px; } 
.innerCon h1{ font-size: 130px; }
.ourWork_blurb { width: 17%; min-height: 250px;}
.ourWork_blurb h2 { font-size: 14px;}
.ourWork_blurb p { font-size: 13px;}
.ourworkHolder .ourwork_inst { padding: 27px 0px 0px 0px;}

.tst_profile_pic { width: 19%; text-align: center;}
.tst_words p { font-size: 16px; line-height: 22px; padding-top: 15px;}
.tst_blurb_con { padding: 0 0 35px 0;}

.solutions { padding-bottom: 150px;}
.ban_rt{ width: 25%;  margin: -9% 0 0 0%;}
.cs_slider_con, .cs_video_con{ width: 100%; max-width: 750px; margin: 0 auto; } 
#wrapper .cs_tab_con .mdl-button { min-height: 40px;}
#wrapper .mdl-button{ font-size: 15px; }
.sectDetails { padding: 15px 0 50px 0;}
.cs_tab_con .cs_tab_detCon p {line-height: 22px; padding-bottom: 10px;}

#animation_container{ height: 200px; }
#wrapper .teamTabCon .mdl-button{ min-height: 50px; font-size: 16px; padding: 8px 0 8px 0;}
.ourTeam .ban_rt { width: 30%;}
.news_lt { width: 22%;}
.news_rt{ padding: 20px 0 0 25px;}
.news_rt .newsDet { font-size: 20px;}
.innerCon .container.newSection{ width: 100%; max-width: 800px; }
}


@media handheld, only screen and (max-width: 979px){
.logo { padding:0 0 0 10px;}
.menuBtn{ right:15px; top:25px;} 
#navigation{ padding:20px 0;}
#navigation ul li{ font-size:20px; padding: 7px 0px 7px 0px;}
.innerCon{ padding-left:10px; padding-right:10px;}
.innerCon h1{ font-size:115px;}

h1.campignhadPages2 {font-size:55px; }
h1.campignhadPages  { font-size:70px;}
#breadcrumb{ padding: 30px 0px 30px 10px;}
.tst_profile_pic{ padding:0 3%;}
.tst_blurb_con .f-left, .tst_blurb_con .f-right{ margin:0 auto; text-align:center;}
.tst_blurb_con .f-left p, .tst_blurb_con .f-right p{ text-align:justify;}
.tst_profile_pic img{ width:100%;}
.tst_words{ padding:0 1% 0 0;}
.ourWork_blurb{ width:30%; }
.ourWork_blurb h2{ font-size: 16px; }
.ventures .ven_blurb{ width:25%;}
/*.awards .awards_blurb{ width:30%; }*/
.awards .awards_blurb h2{ font-size: 15px; }

.ban_lt h2{ font-size:42px;}
.formCon{ margin:0 auto;}
.add50{ width:100%; float:none;}
#wrapper .cs_tab_con .mdl-button{ min-height:38px; font-size:14px;}
.ourTeam .ban_lt h2 { font-size: 24px;}
.ourTeam .ban_rt{ margin-top:0;}
.teamTabCon ul li{ display:block; width:100%; margin:0 0 1% 0;} 
.teamTabCon{ padding:0px 0px 115px 0px;}
.teamDescription{ padding:20px 10px;}
.teamTabCon ul li:first-child{ text-align:left;}
.teamTabCon ul li:first-child .mdl-button{ width:100%!important;}
.teamTabCon .innerBanner{ padding-top:0;}
.ourTeam h2{ font-size:30px; line-height:30px;}
.ourTeam p{ text-align:justify;}
#wrapper .teamTabCon .mdl-button{ min-height:40px; text-align:left!important; padding:0 10px;}
#wrapper .teamTabCon .mdl-button br{ display:none; }
.innerTeam .teamBlurbCon{ text-align:left;}
.innerTeam h2{ text-align:left;}
.teamBlurbCon .teamList:nth-child(even) {top:0px;}
.teamBlurbCon .teamList{ display:block; width:100%; text-align:left;}
.teamList .bubbleImgHolder{ width:50%; margin:0 auto;}
.teamBlurbCon .teamList h3{ text-align: center; }
.aboutPerson{ display: block; padding:20px; }
.aboutPerson { padding-top: 20px;}
.news_rt { padding: 25px 0px 0px 50px;}
.teamBlurbCon .teamList .tm_active_arrow{ display: none!important; }
.cs_slider_con .owl-nav{ display: none; }

.terms_conditions h1 { font-size:70px;}
.cs_slider_con .owl-dots{ display: block!important; }
#footerHolder ul{ width:100%; max-width:600px; margin:0 auto;}
#footerHolder ul li{ width:50%; margin-bottom:20px; height:200px;}
#footerHolder ul li.third_div{ border:none; width:50%;}

.teamBlurbCon .teamList { padding-top: 25px; }

.gptw_certificate { right: 80px; width: 60px;}
}

@media handheld, only screen and (max-width: 800px){
.agency_25 img{ width:100%; height:auto;}
.digitalText{ width:100%; max-width:600px; padding:0 10px;}
.worldWord { font-size: 98px; line-height: 22px;}
.digi_market_con span:first-child { font-size: 105px; line-height: 150px; padding: 0;}
.digi_market_con span { font-size: 45px; line-height: 30px; padding: 55px 0px 0px 0px;}
.withFishSense{ text-align:left; padding:0; margin-top: -19px;}
.bcwebwise{ padding:40px 10px 0px 10px;}
#wrapper .add50 .mdl-button { width:100%;}

/*+++++++++++++++++++++++++++++++++
#navigation ul{ width: 100%; margin:0; padding: 0 20px; }
#navigation ul li .subNavList span{ display: block; }

#navigation ul li .subNavList{ position: absolute; left: 0px; top: -80px; }*/
}


@media handheld, only screen and (max-width: 679px){

.digitalCampignH img { width:100%; height:auto;}

.digitalText{ width:100%; max-width:400px; }
.theWord { font-size: 50px;}
.worldWord { font-size: 72px; line-height: 22px;}
.digi_market_con span:first-child { font-size: 68px; line-height: 115px; padding: 0;}
.digi_market_con span { font-size: 35px; line-height: 22px; padding: 35px 0px 0px 0px;}
.withFishSense{ font-size:25px; text-align:center; padding:0; margin-top: 0px;}
.homeLinksCon{ padding-top:30px;}
.clientsCon ul { margin: 0; padding: 30px 0 50px 0;}

.innerCon .container{ padding-top: 0;}
.innerCon .ourTeam{ padding-top: 20px;}
#animBannerHolder{ height:250px; top:0px;}
.logo { width: 110px; padding:0 0 0 10px;}
#navigation ul { /*width: 130px;*/ margin: 0 auto;}
#navigation ul li a{ padding:0;}
.menuBtn { right: 0px; top: 15px;}
#nav-icon1{ width:28px;}
#nav-icon1 span:nth-child(1) { top: 0px;}
#nav-icon1 span:nth-child(2) { top: 8px;}
#nav-icon1 span:nth-child(3) { top: 16px;}
.innerCon h1{ font-size:72px; padding-bottom:0;}
h1.campignhadPages2 {font-size:45px; }
h1.campignhadPages  { font-size:45px;}
.tst_blurb_con .f-left, .tst_blurb_con .f-right{ float:none;}
.tst_profile_pic{ width:40%;}
.tst_words{ width:98%; padding:0 2%;}
.tst_blurb_con { padding: 0 0 35px 0;}
.tst_blurb_con .Text-align-right{ text-align:center;}
.tst_words p{ padding-top:20px; line-height:22px;}
.ourWork_blurb h2{ font-size:11px; line-height:16px; padding: 20px 0 5px 0;}
.ventures .ven_blurb h2{ font-size:12px; line-height:16px; padding: 20px 0 5px 0;}
.ban_lt h2{ font-size:37px;}
.ban_rt { width: 45%;}
/*.clientsCon ul li{ width:20%;}*/
#wrapper .contactForTab .mdl-button{ font-size:12px;}
.cs_tab_con ul li{ width:49%; margin:0 0 5px 0;}
.solutions_type{ width:100%; max-width:320px; margin:0 auto;}
.solutions_type ul li{ display:block; width:100%;}
.ourTeam h2{ font-size:22px;}
.ourTeam h2 span{ font-size:28px;}
.acc_det_con ul li{ line-height: 20px; background: url(../images/ft-bullet.png) no-repeat left 14px; }
/*#wrapper .careerCon .mdl-button{ margin-bottom: 5px; }*/
#wrapper .teamTabCon .mdl-button{ font-size:16px;}
.cityCon { /*width: 100%; */ float: none; padding: 10px 10px 0px 10px; margin:0 auto; min-width:320px;}
.newsCon { padding-bottom: 40px;}
.news_lt { width: 38%; float: none; margin: 0 auto;}
.news_rt{ width: 100%; float: none; padding: 25px 0px 0px 0px; text-align: center; }
.solutions { padding-bottom: 100px;}
.ventures { padding-bottom: 20px;}

.terms_conditions h1 {  font-size: 50px;}
.awards .awards_blurb{ width:40%; margin-bottom:10%;}
.awards .awards_blurb h2{ font-size: 14px; }
.gptw_certificate { right: 58px; width: 35px;}
}


@media handheld, only screen and (max-width: 599px){
#footerHolder{ padding:0;}
#footerHolder ul li, #footerHolder ul li.third_div{ width:100%; height:inherit!importnat; float:none; height:auto; border-top: #cfcfcd 1px solid; margin-bottom:0;}
#footerHolder .getInTouch ul li{ height:auto; padding: 10px 0px 0px 11px; }
.partner {margin: 0 17px 24px 0;    display: inline-block;    vertical-align: top;}
}


@media handheld, only screen and (max-width: 479px){

.whybcheadingSec h2 { font-size:27px;}
.parasecT { padding-left:15px;}
.digitalCampignH h2 { padding-top:40px;}

.digitalText{ width:100%; max-width:350px; }
.digitalText h1{ padding-left: 15px; }
.theWord { font-size: 30px;}
.worldWord { font-size: 58px; line-height: 22px;}
.digi_market_con span:first-child { font-size: 63px; line-height: 78px; padding: 0;}
.digi_market_con span { font-size: 27px; line-height: 22px; padding: 23px 0px 0px 0px;}
.withFishSense{ font-size:25px; padding:0; margin-top: 20px;}
.homeLinksCon{ font-size:16px;}

#animBannerHolder{ height:150px; top:0px;}


.innerCon h1{ font-size:55px;}
h1.campignhadPages  { font-size:33px;}
.tst_profile_pic { width: 60%; margin: 0 auto;}
#headerHolder .container{ padding:10px 0px 0px 0px;}
#svgText{ display:none;}
.innerBanner{ padding:0;}
.ban_lt{ width:100%; float:none; }
.ban_rt{ width:55%; float:none; margin:0 auto; padding-top:20px;}
.ourWork_blurb{ width:47%;}
.ourWork_blurb p { font-size: 13px;}
.ourWork_blurb{ margin: 0 1.5% 13% 1.5%;}
.ventures .ven_blurb{ width:45%; margin: 0 1% 4% 1%;}
.clientsCon ul li{ width:28.33%;}
.contactUs ul li{ width:48%; margin-bottom:5px;}
#wrapper .contactForTab .mdl-button{ font-size:14px;}
.ourTeam .ban_lt{ padding-top:0;}
.ourTeam .ban_rt{ width:65%;}

.careerCon h2 {font-size: 18px;}
#wrapper .careerCon .mdl-button { padding: 10px 10px;}
.circle_plus { right: 10px; top: 7px; width: 13px; height: 13px;}
.careerCon{ padding-bottom: 100px; } 
.acc_det_con{ padding: 10px; }

.news_lt { width: 100%; max-width: 200px;}
.news_rt .newsDet {font-size: 20px;}
.news_rt .date { padding-bottom: 5px;}
.mainPplDesc{ margin-top:10px; }

.awards{ text-align: center;}
.awards .awards_blurb{ width:60%; }

.terms_conditions h1 { font-size:45px;}

.clientsCon ul li{ width:45%;}
.innerCon .containerOurWorkInner h1{
	font-size: 33px;
	padding-bottom: 15px;
}
.ourWork_blurb{
    min-height: 270px;
    margin: 0 1.5% 7% 1.5%;
}
.containerOurWorkInner .ban_lt {
    width: 100%;
    float: none;
}
}

@media handheld, only screen and (max-width: 369px){
.innerCon h1 { font-size: 50px;}
#animBannerHolder{ height:150px; top:30px;}
#wrapper .mdl-button{ font-size:12px;}
.ban_lt h2 { font-size: 25px;}
.clientsCon ul li{ width:43%; margin:0 3% 3% 3%;}
#wrapper .solutions_type .mdl-button{ min-height:45px;}
.digi_market_con span:first-child { font-size: 58px;}
.digi_market_con span { font-size: 26px; line-height: 18px; padding: 25px 0px 0px 0px;}
#wrapper .cs_tab_con .mdl-button { font-size: 12px;}
#wrapper .careerCon .mdl-button{ font-size: 14px; }
h1.campignhadPages  { font-size:28px;}
.ventures .ven_blurb{ width: 50%; float: none; margin: 0 auto 5% auto; }
.ourWork_blurb{
    min-height: 230px;
}
}

@media handheld, only screen and (max-width: 359px){
.digitalText h1{ padding-left: 0px; }
}



