@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px){
	
.banner-main {
    margin-top:78px;
}
.centerbox{ width:100%;}
.col-lg-3.col-md-3.col-sm-3.rutuja-box {
  width: 32% !important;
}
.col-lg-3.col-md-3.col-sm-3.live-chat {
  width: 28% !important;
}
.col-lg-6.col-md-6.col-sm-6.latest-posts {
  width: 40% !important;
}
#f1_container, #f11_container{ height:323px; width:230px;}
.midflip{   width: 493px;}
.mobback{ height:423px; width:100%;}
.mobfront{ height:423px; width:100%;}
#f2_container, .ecommmid, .ecommmid-back, #f3_container, .responsive, .responsive-back, .brandlg, .brandlg-back, .exterm-work, .exterm-work-text{width:100%;}
.ecommmid h3, .responsive h3, .brandlg h3{ font-size: 22px;}
.responsive img{ margin-left:8px;}
.mobback-text{ background-size:100% 100%; width:100%; line-height:15px; font-size:11px;}
.banner {
  margin-top:104px;
}
.btn-lg, .btn-group-lg > .btn {
  font-size:13px;
  line-height: 1.33;
  padding: 2px 22px;
  text-transform: uppercase;
  margin-top:10px !important; width:100%; word-wrap:break-word;
}	
#feedbackForm > span{ padding: 0 10px;}
	
}
@media screen and (max-width:1178px){
.banner {
    margin-top: 79px;
}

}
@media screen and (max-width:1023px) and (min-width: 768px){

.col-lg-7.mrg-lft {
}	
.button.medium.grey {
  clear:both;
}
.col-lg-3.col-md-3.col-sm-3.rutuja-box {
  width:50% !important;
}
.col-lg-3.col-md-3.col-sm-3.live-chat {
  width:50% !important;
}
.col-lg-6.col-md-6.col-sm-6.latest-posts {
  width:100% !important;
}
.posts-text > h3{ font-size:18px;}
.middlepart h1{ font-size:30px;}
.conabout > h4,.conwhy > h4{font-size:24px; }
.banner {
  margin-top:115px;
}
/*#f1_container{ height:323px; width:215px;}
.midflip{   width:433px;}
.mobback{ height:423px; width:100%;}
.mobfront{ height:423px; width:100%;}
#f2_container, .ecommmid, .ecommmid-back, #f3_container, .responsive, .responsive-back, .brandlg, .brandlg-back, .exterm-work, .exterm-work-text{width:100%;}
.ecommmid h3, .mobfront h3, .responsive h3, .brandlg h3{ font-size:18px;}
.responsive img{ margin-left:8px;}
.ecommmid h3, .ecommmid p{ margin-left: 54%;}
.mobback-text{ background-size:100% 100%; width:100%; line-height:15px; font-size:11px;}*/

}

@media screen and (max-width:804px){
.fixed{ position:relative;}
.banner {
  margin-top:0px;
}
ul.nav-bar
{ display:none;}
.demo-3{ display:block;}

}
@media screen and (max-width: 768px){
.certificate h2{font-size:17px;}
}
@media screen and (max-width: 767px){
.certificate h2{font-size:17px;}
.button.medium.grey {
  float: none;
  margin-top: 10px; clear:both;
}	
.col-lg-7.mrg-lft {float: none; margin-bottom: 10px !important;}

.button.medium.grey {
  float: none; 
  margin-top: 10px; clear:both;
}
.col-lg-3.col-md-3.col-sm-3.rutuja-box {
  width:50% !important; height:auto;
}
.col-lg-3.col-md-3.col-sm-3.live-chat {
  width:50% !important;
}
.col-lg-6.col-md-6.col-sm-6.latest-posts {
  width:100% !important;
}
.toplink > li:last-child {
  border-right: 1px solid #A6A6A6;
  line-height: 13px;
  padding-right: 12px;
}
.apps-store{ margin-top:15px;}

.middlepart h1 {
  font-size: 25px;
}
.middlepart h1{ font-size:30px;}
.conabout > h4,.conwhy > h4{font-size:24px; }
.conwhy > strong, .conabout > strong{ font-size:16px;}
.client h1 p{ line-height:16px;}

}
@media screen and (max-width:589px){
.col-lg-3.col-md-3.col-sm-3.rutuja-box, .col-lg-3.col-md-3.col-sm-3.live-chat, .col-lg-6.col-md-6.col-sm-6.latest-posts {
  margin: 0 auto;
  width: 326px; margin-top:15px; display:inline-block;
}
.logo {
  margin: 0 auto !important;
  text-align: center;
  width: 100%;
}
.rutuja-text{margin:5px 0 0 0;}
		
}

@media screen and (max-width: 1024px) {
.col-lg-12.page-header {
	margin: 0;
	padding: 0;
}
.page-header .container {
	width: 100%;
}
.mrg-lft {
	float: left;
	text-align: right;
}
.logo {
	float: left;
	margin: 0px !important;
	padding: 0px;
}
.quote_btn {
  font-size: 12px !important;
}
.page-header h1 {
	width: 216px !important;
}
.col-lg-9.menu {
  float: left;
  margin-top: 5px;
  padding-left: 15px !important;
  width: 100%;
}
/*.banner {
  height: 100%;
  margin-top:91px;
}
/*.banner img {
  height: 100%;
  width: 100%;
}*/
.container.middlepart {
  width: 100%;
}
/*.middlepart h1 {
 
  font-size:30px;
  
}*/
.middlepart h1 p {
  font-size: 16px;
}
.col-lg-3.boxcon {
  float: left;
  width: 25%;
}
.col-lg-3.boxcon h2 {
  font-size:17px!important;
}
.col-lg-3.boxcon span {
  font-size:17px!important;
}
.bor_line.col-lg-11 {
  clear: both;
}

.col-lg-6.conabout {
  float: left;
  width: 50%;
}
/*.col-lg-6 h3 {
  font-size: 29px;
  line-height: 31px;
}*/
.col-lg-6.conwhy {
  float: left;
  width: 50%;
}
.col-lg-6 h1 {
  color: #000 !important;
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  text-align: left !important;
}
.span12.carousel_bottom {
  float: left;
  padding-left: 15px;
  width: 100%;
}
.fottopbox {
  float: left;
  width: 30%;
}

.col-lg-3.chat, .contactadd, .subscribe, .certification {
  float: left;
  width: 25%;
}
.container {
  width: 100% !important;
}

.skype,.gtalk,.msn,.yahoo{
	width:43px;
	border:none;
	padding:0px;
} 
.gtalk {
  background: url("../images/chat-icon-normal.png") no-repeat scroll -59px top rgba(0, 0, 0, 0);

}
.gtalk:hover {
  background-position: -59px -43px;
}
.col-lg-3.chat  > h3 {
  font-size: 17px !important;

}
.col-lg-3.contactadd  > h3 {
  font-size: 17px !important;

}
.col-lg-3.subscribe > h3 {
  font-size: 17px !important;

}
.col-lg-3.certification > h3 {
  font-size: 17px !important;

}
.col-lg-3.certification img {
  height: auto;
  width: 100%;
}
.requestquote-btn,.Subscribe-btn,.instantchat-btn,.contact-btn{
	margin: 17px 0 0 10px;
}
.inner-banner {
  margin-top: 107px;
}
.w304px {
	width:100% !important;
}
.span12.carousel_bottom {
  padding-left: 0;
}
}
 @media screen and (max-width: 980px) {
.mrg-lft {
 margin: 0 0 0 22%;
}
.inner-banner {
	height: auto;
}
.beadcome ul li {
  margin: 0 2px;
}
#f1_container, #f11_container{ height:323px; width:258px;}
.client { margin-top: 0;}
.midflip{   width:433px;}
.mobback{ height:423px; width:100%;}
.mobfront{ height:423px; width:100%;}
#f2_container, .ecommmid, .ecommmid-back, #f3_container, .responsive, .responsive-back, .brandlg, .brandlg-back, .exterm-work, .exterm-work-text{width:100%;}
.ecommmid h3, .mobfront h3, .responsive h3, .brandlg h3{ font-size:18px;}
.responsive img{ margin-left:8px;}
.ecommmid h3, .ecommmid p{ margin-left: 54%;}
.mobback-text{ background-size:100% 100%; width:100%; line-height:15px; font-size:11px;}
}
@media screen and (max-width: 900px) {
.mrg-lft {margin: 0 0 0 15%;}
#f1_container, #f11_container{ height:323px; width:218px;}
}

@media screen and (max-width: 800px) {
.banner-box {height: 300px;}
.banner-box-second {height: 300px;}
.banner-box-three { height: 300px;}
.banner.banner-main {margin: -14px 0 0;}
.mrg-lft { float: none;}
 
#f1_container{ height:323px; width:180px;}
#f1_container, #f11_container {height: 323px; width: 190px;}
.midflip{   width:387px;}
.mobback{ height:423px; width:100%;}
.mobfront{ height:423px; width:100%;}
#f2_container, .ecommmid, .ecommmid-back, #f3_container, .responsive, .responsive-back, .brandlg, .brandlg-back, .exterm-work, .exterm-work-text{width:100%;}
.ecommmid h3, .mobfront h3, .responsive h3, .brandlg h3{ font-size:13px;}
.responsive img{ margin-left:8px;}
.ecommmid h3, .ecommmid p{ margin-left:61%; width: 41%; font-size:11px;}
.mobback-text{ background-size:100% 100%; width:100%; line-height:15px; font-size:11px;}

.mrg-lft {
 margin: 0 0 0 -8% !important;
}
.page-header h1 {
  background-size: 21% 73%;
  font-size: 21px !important;
  margin: 2px 0 0 !important;
}
.page-header .red {
  font-size: 21px;
}
.page-header .slogan {
  font-size: 11.5px !important;
}
.col-lg-9.menu {
  padding-left: 0 !important;
}
.nav > li > .parent {
  background-position: right 18px !important;
  margin:0px !important;
}
.nav > li > a {
  font-size: 13px !important;
}
.fottopbox {
  float: left;
  width: 33%;
}
.col-lg-4.fottopbox img {
  height: auto;
  width: 247px;
}
.col-lg-4 > b {
  font-size: 18px;
  font-weight: bolder;
  line-height: 20px;
}
.col-lg-3.chat, .contactadd, .subscribe, .certification {
	float: left;
    margin: 0 4%;
    text-align: center;
    width: 42%;
}
.container.bottom > p {
  width: 100%;
}
.social {
  width: 63%;
}
.requestquote-btn, .Subscribe-btn, .instantchat-btn, .contact-btn {
  margin: 0 auto;
  width: 100%;
}

/*Inner page css*/
.inner-content {
  width: 60%;
}
.inner-content h1 {
  text-align: left !important;
  margin:0px;
}
.inner-right {
  width: 40%;
}
.content-part {
  width: 100%;
}
.inner-banner {
  height: auto;
  margin-top: 95px;
}

}
 @media screen and (max-width: 768px) {
.col-lg-9.menu {
  padding: 0;
}
.toggleMenu {
  width: 100%;
}
a:hover, a:focus {
  /*color: #010101 !important;*/
  text-decoration: underline;
}
.nav {
  background: none repeat scroll 0 0 #ccc;
}
.nav li ul {
  width: 100% !important;
}
.nav li {
  border-bottom: 1px solid #dfdfdf;
}
.nav li li a {
  width: 100% !important;
}
.nav > li > a:hover {
  border-radius:0!important;
}
.toplink li {
  margin-left: 4px;
}
/*Inner page css*/
.inner-content {
  width: 50%;
}
.inner-right {
  width: 50%;
}
#f1_container, #f11_container{ height:323px; width:170px;}
.midflip{   width:387px;}
.mobback{ height:423px; width:100%;}
.mobfront{ height:423px; width:100%;}
#f2_container, .ecommmid, .ecommmid-back, #f3_container, .responsive, .responsive-back, .brandlg, .brandlg-back, .exterm-work, .exterm-work-text{width:100%;}
.ecommmid h3, .mobfront h3, .responsive h3, .brandlg h3{ font-size:13px;}
.responsive img{ margin-left:8px;}
.ecommmid h3, .ecommmid p{ margin-left:61%; width: 41%; font-size:11px;}
.mobback-text{ background-size:100% 100%; width:100%; line-height:15px; font-size:11px;}
}
 @media screen and (max-width: 640px) {
 .mrg-lft {
  margin: 0 0 0 -3% !important;
}
.col-lg-4.fottopbox img {
  height: auto;
  width: 100%;
}
.col-lg-3.boxcon {
  float: left;
  width: 50%;
}
.download li {
  margin: 0 4px;
}
.quote_btn {
  border-radius: 4px;
}
.inner-banner {
  height: auto;
  margin-top: 125px;
}
.midflip{   width:534px; margin-left:5%;}
.mobback{ height:423px; width:100%;}
.mobfront{ height:423px; width:100%;}
#f2_container, .ecommmid, .ecommmid-back, #f3_container, .responsive, .responsive-back, .brandlg, .brandlg-back, .exterm-work, .exterm-work-text{width:100%;}
.ecommmid h3, .mobfront h3, .responsive h3{ font-size:13px;}
.responsive img{ margin-left:8px;}
.ecommmid h3, .ecommmid p{ margin-left:61%; width: 41%; font-size:11px;}
.mobback-text{ background-size:100% 100%; width:100%; line-height:15px; font-size:11px;}
#f1_container{ height:400px; width:260px; margin-left:26%;}
#f11_container{ height:419px; width:260px; margin-left:26%;}
#f2_container, #f3_container {
  border-right: 1px solid #cfcfcf;
}
.brandlg-back{ background-size:100%;}
.brandlg h3{ font-size:18px;}

}
 @media screen and (max-width: 600px) {

}
 @media screen and (max-width:599px) and (min-width: 481px){
	 .midflip {margin:0; width:447px; margin:0 auto; float:none;}	
}
 @media screen and (max-width: 480px) {
 .social {
  width: 74%;
}
.col-lg-6.conabout {
  float: left;
  width: 100%;
}
.col-lg-6.conwhy {
  float: left;
  width: 100%;
}
.fottopbox {
  float: left;
  width: 100%;
}
.col-lg-6 h1 {
  font-size: 36px;
}
.col-lg-3.boxcon {
  height: 240px;
}
.col-lg-3.chat, .contactadd, .subscribe, .certification {
  width: 92%;
}

.mrg-lft {
  margin: 0 0 0 0%;
}

.quote_btn.pull-right {
  text-align: center;
  width: 100%;
}
/*Inner page css*/
.inner-content {
  width: 100%;
}
.inner-right {
  width: 100%;
}
.content-part {
  width: 100%;
}
.inner-banner {
  height: auto;
  margin-top: 150px;
}
#f1_container{ height:469px; width:320px; margin-left:15%;}
.midflip{   width:447px; margin:0px;}
.mobback{ height:100%; width:100%;}
.mobfront{ height:100%; width:100%;}
#f2_container, .ecommmid, .ecommmid-back, #f3_container, .responsive, .responsive-back, .brandlg, .brandlg-back, .exterm-work, .exterm-work-text{width:100%;}
.ecommmid h3, .mobfront h3, .responsive h3{ font-size:18px;}
.responsive img{ margin-left:8px;}
.ecommmid h3, .ecommmid p{ margin-left:61%; width: 41%; font-size:13px;}
.mobback-text{ background-size:100% 100%; width:100%; line-height:15px; font-size:11px;}
#f11_container{ height:419px; width:320px; margin-left:15%;}
#f2_container, #f3_container {
  border-right: 1px solid #cfcfcf;  border-left: 1px solid #cfcfcf;
}
.brandlg-back, .mobback{ background-size:100%;}
.brandlg h3{ font-size:18px;}
.exterm-work-text{background-size:100% 95%;}

}
@media screen and (max-width: 479px){
.col-lg-3.col-md-3.col-sm-3.rutuja-box, .col-lg-3.col-md-3.col-sm-3.live-chat, .col-lg-6.col-md-6.col-sm-6.latest-posts {
  float: none;
  margin: 0 auto;
  width:100% !important; margin-top:15px; display:inline-block;
}
#f1_container{ height:470px; width:99%; margin:0px auto;}
.midflip{  width:99%; margin:0px auto;}
.mobback{ height:100%; width:100%;}
.mobfront{ height:100%; width:100%;}
#f2_container, .ecommmid, .ecommmid-back, #f3_container, .responsive, .responsive-back, .brandlg, .brandlg-back, .exterm-work, .exterm-work-text{width:100%;}
.ecommmid h3, .mobfront h3, .responsive h3{ font-size:18px;}
.responsive img{ margin-left:8px; width:39%; }
.ecommmid h3, .ecommmid p{ margin-left:46%; width: 56%; font-size:13px;}
.mobback-text{ background-size:100% 100%; width:100%; line-height:15px; font-size:11px;}
#f11_container{ height:421px; width:99%; margin:0px auto;}
#f2_container, #f3_container {
  border-right: 1px solid #cfcfcf;  border-left: 1px solid #cfcfcf;
}
.brandlg-back, .mobback{ background-size:100%;}
.brandlg h3{ font-size:18px;}
.exterm-work-text{background-size:100% 95%;}
.ecommmid{ background-size:45%;}
	
}

 @media screen and (max-width: 360px) {
.mrg-lft {
  margin: 0 0 0 -6%;
}
.col-lg-3.boxcon {
  float: left;
  width: 100%;
  height:auto;

}
.col-lg-6.conabout {
  float: left;
  width: 100%;
}
.col-lg-6.conwhy {
  float: left;
  width: 100%;
}
.span12.carousel_bottom > h2 {
  font-size: 21px;
}
.fottopbox {
  width: 100%;
}
.social {
  width: 82%;
}
.logo {
  margin: 0 0 0 0% !important;
}
.toplink {
  text-align: center;
}
.beadcome ul li {
  margin: 0 0px;
}
.beadcome {
  font-size: 12px;
}
.inner-banner {
  height: auto;
  margin-top: 175px;
}

.inner-right {
  padding-left: 0 !important;
}
.magento-service h3 {
  font-size: 20px;
}
.inner-content h1 {
font-size: 27px;
}
 @media screen and (max-width: 320px) {
}