@charset "utf-8";
/* CSS Document */

@media handheld, only screen and (max-width: 1366px){
#headerHolder { top: 15px;}
.online{ font-size:65px;}
.reputation{ font-size:70px;}
.management { font-size: 37px; line-height: 50px; padding-left: 95px;}
.formSect { padding: 10px 0px 45px 0px;}
.navCon { padding: 10px 0px 75px 0px;}
}
@media handheld, only screen and (max-width: 1139px){
#headerHolder .container{ padding:0 10px;}
#scrollNav{ display:none;}
}

@media handheld, only screen and (max-width: 1023px){
.innerContainer{ padding:0 10px;}
.crisisCon{ padding:0;}
.crisi_lt{ width:100%; float:none; text-align:center; padding:0;}
.crisi_rt{ width:100%; float:none; padding:30px 0px 0px 0px;}
.mediaCon .owl-dots{ left:0px; top:auto; bottom:-80px!important;}
.mediaCon .owl-carousel .owl-controls .owl-dot{ display:inline-block; width:60px; background-size:cover;}
.mediaCon .slider{ width:100%; float:none; margin:0 auto;}
.why_choose_us ul li{ padding: 0px 20px 20px 20px;}
.ourWork ul li { width: 33.33%;}
#footerHolder{ position:relative;}
.ft_lt, .ft_rt{ padding:0 10px;}
}


@media handheld, only screen and (max-width: 799px){
.form_lt{ width:70%; float:none; margin:0 auto;}
.form_rt{ width:70%; float:none; margin:0 auto; padding: 30px 0px 0px 0px;}
.socialListing h2{ padding:0 0 15px 0;}
.socialListing p{font-size: 18px; line-height: 20px;}
.socialListing p br{ display:none;}
.socialListing, .response_mgm, .why_choose_us { padding: 40px 0px 70px 0px;}
.media_analytics{ padding: 40px 0px 100px 0px;}
.socialListing ul li{ width:31.33%; margin:0 1% 2% 1%; padding: 20px 5px 20px 5px;}
.sys_con{ padding:20px 0px 0px 0px;}
.sys_lt{ width:100%; float:none;}
.sys_rt{ float:none; width: 80%; margin:20px auto 0 auto;}
.crm ul { padding: 20px 0px 0px 0px;}
.crm ul li{ padding:0 0 0 20px;}
.crm p{font-size: 18px; line-height: 20px;}
.crisi_lt{font-size: 18px; line-height: 20px;}
}

@media handheld, only screen and (max-width: 679px){
.formSect { padding: 30px 0px 45px 0px;}
.form_lt h1{ max-width:370px;}
.online{ font-size:50px;}
.reputation{ font-size:55px; line-height:28px;}
.management{ font-size:30px; padding-left: 80px;}
.comunities{ padding-right:0; text-align:center;}
.textBox{ padding:10px;}
.navCon ul li{ width:33.33%; min-height:130px; padding: 10px 0px 20px 0px;}
.navCon ul li p{ font-size: 16px; line-height: 18px; padding: 5px 0px 0px 0px;}
.socialListing h2, .response_mgm h2, .media_analytics h2, .why_choose_us h2{ font-size:20px;}
.response_mgm h2{ background: url(../images/response-management.png) no-repeat left 2px;}
.dotted{ margin:0; left:auto; top:0;}
.title_hd { font-size: 20px; padding: 15px 0px;}
.why_choose_us ul li{ width:49%;}
.why_choose_us ul li:nth-child(odd){ background: url(../images/doted-strip.jpg) no-repeat right bottom;}
.why_choose_us ul li:nth-child(even){ background:none;}
.why_choose_us ul li p { font-size: 14px;}
.why_choose_us ul { padding: 0px 0px 0px 0px;}
.ourWork ul li { width: 50%;}
.ourWork { padding: 70px 0px 300px 0px;}
.ft_lt{ padding-bottom:10px;}
.ft_lt, .ft_rt{ width:100%; float:none; text-align:center;}
.startNow{ width:100%; text-align:center; padding-bottom:10px;}
.startNow span{ display:block; margin:10px 0px;}
}

@media handheld, only screen and (max-width: 479px){
#headerHolder img{ width:75px; height:auto;}
.form_lt{ width:100%;}
.online { font-size: 45px;}
.reputation { font-size: 49px; line-height: 28px;}
.management { font-size: 25px; padding-left: 70px; line-height:40px;}
.comunities{ font-size:16px;}
.videoContainer{ width:100%; max-width:310px;}
.form_rt{ width:100%;}
.playBtn{ width:50px; height:50px; margin: -25px 0 0 -25px;}
.socialListing ul li { width: 48%;}
.navCon ul li{ width:50%; min-height:100px;}
.why_choose_us ul li{ width:100%; float:none; background:none; border-bottom:#d2d7dd 2px dotted;}
.why_choose_us ul li:nth-child(even), .why_choose_us ul li:nth-child(odd){ background:none;}
}


@media handheld, only screen and (max-width: 370px){
.socialListing ul li{ width:98%; float:none; min-height: 100px;}
.ourWork ul li{ width:50%%;}
.ourWork ul li img{ width:100%; height:auto;}
}