/*!
 * Bootstrap Responsive v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}
#mainmenu a {
	font-size:13px;
}
ul#navigator a {
   font-size:13px; 	 
}
#mainmenu a {
   font-size:13px; 	 
}
ul#navtop a {
    font-size:12px;
	 
} 
ul#leftmenu a { 
	font-size:16px; 
}
.banner .l_banner{ 
	background-color:#FFFFFF; 
	float:left;
	padding:0 0 6px 0; 
}
.banner .r_banner{ 
	background-color:#FFFFFF;
	float:right; 
}
.banner .l_banner img{
	max-width:100%; 
	height: auto; 
}
.banner .r_banner img{
	max-width:100%;
	height: auto; 
}
.topmenu a, .topmenu a:visited, .topmenu a:hover, .topmenu a:active{ 
	font-size:12px;
}
.in-page .border{ 
	min-height:15em;
	font-size:13px; 
}
.in-page .border a, .in-page .border a:visited, .in-page .border a:hover, .in-page .border a:active{ 
	font-size:13px; 
}
.in-page .learntitle{ 
	font-size:14px; 
	height:6.5em;
}
.mar30{ 
	margin-left:30px;
}
.footer a{ 
	font-size:12px;
}
.home .hpadl{ 
	padding-left:20px;
	border-left:#d7d7d7 solid 1px;
}
.home .partnertitle{ 
	padding-left:30px;
}
.home .coloborder{ 
	border-right:#c2c2c2 dashed 1px; 
}
.home .border{ 
	border-right:#c2c2c2 dashed 1px; 
}
.imgnone{ 
	display: block;
}
.home .cloumn{ 
	float:left;
}
.home .one{ 
	width:100%;
}
.home .two{ 
	width:49%;
}
.home .three{ 
	width:33%;
}
.home .four{ 
	width:24.4%;
}
.boxpartner{
	width:142px; 
	margin-right:2px;
	margin-bottom:3px; 
	float:left;
}	
.mobile-menu{ display: none;}
.main-menu, #navtop li.main-menu{ display:block;}
.feed h4 a{
		font-size:13px;
	}
iframe {
	  max-width: 100%;
	}
.team-nowrap{ 
	white-space:nowrap;
}
.h-it-as-service .business{ 
	font-size:50px; 
}
.h-it-as-service h2{ 
	font-size:32px;  
}
.ITaaS .line{  
	background: url(../images/ITaaS-line.png) right bottom no-repeat; 
}
.ITaaS .line2{  
	background: url(../images/ITaaS-line2.png) right bottom no-repeat; 
}
.ITaaS .line3{  
	background: url(../images/ITaaS-line3.png) right bottom no-repeat; 
}
.mobile-box{ width: 100%; overflow: auto; }

@media (min-width: 768px) and (max-width: 979px) {
  .move-nav{
    margin-left: 100px;
    width: 85% !important;
  }
  #inside-1{
    margin-right: 65px;
  }
  .customer-logo-text-style{
    font-size: 26px !important;
  }
  .customer-logo-text-style img{
    width: 55px;
  }
  .compare-logo-align p {
      padding: 4% 0 0 0 !important;
  }
  .img-width{
    width: 100%;
  }
  .customers-img{
    display: none !important;
  }
  .table-header-title{
       margin-top: 30px;
    }
  .ssl-detail-logo-module{
        height: 168px;
  }
  .header-title{
    text-align: left !important;
    text-indent: 15px;
  }
  .customers-button {
    margin-bottom: 5px !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .order-button{
    padding-top: 30px;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .mobile-menu{ display: none;}
  .main-menu, #navtop li.main-menu{ display:block;}
  	.span-google-l {
	  width: 110px; 
	  text-align:center;
	  padding:0 0 0 0; 
	  margin:0; 
	}
	.span-google-r {
	  width: 500px;
	  padding:0; 
	  margin:0;  
	}
	.contact-privacy { 
		line-height:2em; 
	}
	.contact-privacy a.btn-contact, .contact-privacy a.btn-contact:visited, .contact-privacy a.btn-contact:hover, .contact-privacy a.btn-contact:active{ 
		text-align:center; 
		margin:0 auto; 
		margin-top:15px; 
		line-height:2em; 
	}
	.page_container .jumpto-block {width:95%;}
	.page_container .jumpto-block .span4 {width:94%;}
	.page_container .jumpto-block .span12 {width:100%;}
	.page_container .jumpto-block h2.pri-tab {width:100%;}
	.price-plan .bg-price{ padding:7px 30% 0px 30%;}
	.portfolio div.span4{ width:100%; height:auto; margin:0;clear:both;}
	
	.banner-div { top: 0px !important; }
}

@media (max-width: 767px) {
 
	body { 
		font-size:16px;
	}
	.img-width{
	   width: 100%;
	}
	.table-header-title{
	   margin-top: 30px;
	}
	.header-title{
        text-align: left !important;
        text-indent: 15px;
    }
    .customers-button {
      margin-bottom: 5px !important;
    }
    .order-form-title{
        text-align: left;
    }
	.mobile-center{
	text-align:center;
	}
	#mainmenu a {
		font-size:16px;
	}
	ul#navigator a {
		font-size:16px;
	}
  	.hidden-desktop {
    	display: inherit !important;
  	}
  	.visible-desktop {
    	display: none !important;
  	}
  	.visible-phone {
		display: inherit !important;
  	}
	.hidden-phone {
    	display: none !important;
  	}
  	.customers-img{
      display: none !important;
    }
    .banner .l_banner{ 
		background-color:#FFFFFF; 
		float:left;
		padding:0 0 6px 0; 
	}
	.banner .r_banner{ 
		background-color:#FFFFFF;
		float:right; 
	}
	.banner .l_banner img{
		max-width:100%; 
		height: auto; 
	}
	.banner .r_banner img{
		max-width:95%;
		height: auto; 
	}
		
	.home .cloumn{ 
		float:left;
	}
	.home .one{ 
		width:100%;
	}
	.home .two{ 
		width:49%;
	}
	.home .three{ 
		width:100%;
	}
	.home .four{ 
		width:99%;
	}
	.home .hpadl{ 
		padding-left:0px;
		border-left:#d7d7d7 solid 0px;
	}
	.home .partnertitle{ 
		padding-left:0px;
	}
	.home .border{ 
		border-right:#c2c2c2 dashed 1px; 
	}
	.mobile-menu{ display: none;}
  	.main-menu, #navtop li.main-menu{ display:block;}
	.span-google-l {
	  width: 110px; 
	  text-align:center;
	  padding:0 0px 0 0; 
	  margin:0; 
	}
	.span-google-r {
	  width: 400px;
	  padding:0; 
	  margin:0;  
	}
	.contact-privacy { 
		line-height:2em; 
	}
	.contact-privacy a.btn-contact, .contact-privacy a.btn-contact:visited, .contact-privacy a.btn-contact:hover, .contact-privacy a.btn-contact:active{ 
		text-align:center; 
		margin:0 auto; 
		margin-top:15px; 
		line-height:2em; 
	}
	.h-it-as-service .business{ 
		font-size:50px; 
		padding:10px 25px; 
	}
	.h-it-as-service h2{ 
		font-size:32px;  
		padding:10px 25px;
	}
	.ITaaS .icon-composition .span3{
		width:45%;
	}
	.ITaaS .icon-composition .span3{
		width:50%;
	}
	.ITaaS .line, .ITaaS .line2, .ITaaS .line3{  
		background: none; 
	}	
	.ITaaS .icon-composition div.span3{ 
		width:50%; 
		float:left; 
	}
	.website-menus div.span4{	
		width:100%;
	}
	
	.banner-div { top: 0px !important; }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
  a[href]:after {
	content: none !important;
  }
  .check-alert-error {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
  	color: white !important;
	background-color: #f66457 !important;
	border: 1px solid #bf524a !important;
  }
  .check-alert-warning {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
  	color: white !important;
    background-color: #ffaa2d !important;
    border: 2px solid #d38a23 !important;
  }
  .check-alert-success {
    -webkit-print-color-adjust: exact; 
  	color-adjust: exact;
  	color: white !important;
    background-color: #37bd74 !important;
    border: 2px solid #30a53d !important;
  }
  .cipher-error {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
    background-color: #f66457 !important;
    color: white !important;
  }
  .elink {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
    color: #f66457 !important;
    text-decoration: none;
  }
  .wlink {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
    color: #ffaa2d !important;
    text-decoration: none;
}
  .text-error {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
	color: #f66457 !important;
  }
  .text-warning {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
	color: #ffaa2d !important;
  }
  .cipher-error {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
	background-color: #f66457 !important;
	color: white !important;
  }
  .protocol-warning {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
	color: #ffaa2d !important;
	border: 1px solid #ffaa2d !important;
  }
  .print-page-break {
  	page-break-inside: avoid; 
  	page-break-before: always;
  }
  .ssl-checker-top {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
    border: 2px solid #818d8d !important;
    background-color: #ecf0f1 !important;
  }
  .ssl-checker-input {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
    background-color: #bec3c7 !important;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 19px;
  }
  .checker-input {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
    background-color: #ffffff !important;
  }
  .btn-warning {
  	-webkit-print-color-adjust: exact; 
  	color-adjust: exact;
    color: #ffffff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236;
  }
}

@media (min-width: 1200px) {

#slider1_container	{left:90px;}
body { 
	font-size:14px;
}
.spmarr{ 
	margin-right:12px;
}
#mainmenu a {
	font-size:13px;
}
 ul#navigator a {
   font-size:13px; 
}

.order-form-title{
    text-align: right;
}

ul#navtop a {
    font-size:12px;
	 
} 
ul#leftmenu a { 
	font-size:16px; 
}
.topmenu a, .topmenu a:visited, .topmenu a:hover, .topmenu a:active{ 
	font-size:12px;
}
ul.rvg-leftmenu {
	width:240px; 
}
  ul.rvg-leftmenu a, ul.rvg-leftmenu a:hover, ul.rvg-leftmenu a:visited, ul.rvg-leftmenu a:active, .chlidren li a, .chlidren li a:visited, .chlidren li a:hover, .chlidren li a:active {
	font-size:16px; 
  }
.in-page .border{ 
	min-height:15em;
	font-size:13px; 
}
.in-page .border a, .in-page .border a:visited, .in-page .border a:hover, .in-page .border a:active{ 
	font-size:13px; 
}
.in-page .learntitle{ 
	font-size:14px; 
	height:6.5em;
}
.mar30{ 
	margin-left:30px;
}
.footer a{ 
	font-size:12px;
}
.home .cloumn{ 
	float:left;
}
.home .one{ 
	width:940px;
}
.home .two{ 
	width:470px;
}
.home .three{ 
	width:310px;
}
.home .four{ 
	width:230px;
}
.home .coloborder{ 
	border-left:#c5c5c5 solid 1px;
	border-right:#8b8b8b solid 1px;
}
.website-menus div.span4{	
	width:33.333%;
}
.mobile-menu{ display: none;}
.main-menu, #navtop li.main-menu{ display:block;}
  .row {
   /* margin-left: -30px;*/
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
  }
  .container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 1170px;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 650px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}
.home .span6 {
  width: 460px; 
  margin:0;
}
.span5 {
  width: 380px;
}

.span4 {
  width: 290px;
}

.span3 {
  width: 210px;
}
.footer .span2 {
  width: 190px; 
  margin:0;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.span01 {
  width: 120px;
}
.span03 {
  width: 235px; 
  margin:0 1px 0 0;  
  padding:0; 
}
	.span-google-l {
	  width: 110px; 
	  text-align:center;
	  padding:0 0px 0 0; 
	  margin:0; 
	}
	.span-google-r {
	  width: 840px;
	  padding:0; 
	  margin:0;  
	}

  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {

    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    /* *margin-left: 2.5109110747408616%; */
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .sm .row-fluid .span4 {
    width: 33.33%;
    *width: 33.33%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
  .domain-bgback .span2{
  	padding-left:50px;
  }
	.price-plan .bg-price{ padding:7px 5px 0px 50px;}

}

@media (min-width: 768px) and (max-width: 979px) {
    .order-form-title{
        text-align: left;
    }
	.csr .csr-bg{ 
		border:0;
		background:url(../images/csr-bg2.jpg) top left no-repeat;  
		width: auto; 
		height:478px; 
		padding-top:20px; 
	}
	.csr .csr-banner p{ 
		color:#000; 
		font-size:30px; 
		line-height:1.2em; 
	}
	.csr .csr-bg .span7, .csr .span8{ 
		width:100%; 
		padding:0; 
		margin:0; 
		padding:10px;
	}
	ul.rvg-leftmenu {
		width:240px; 
	}
	.in-page .border a, .in-page .border a:visited, .in-page .border a:hover, .in-page .border a:active{ 
		font-size:13px; 
	}
  	.span03 {
	  	width: 350px; 
	  	margin:0 1px 0 0;  
	  	padding:0; 
	}
	.mar30{ 
		margin-left:0px;
	}
  	.banner .l_banner{ 
		background-color:#FFFFFF; 
		float:left;
		padding:0 0 6px 0; 
	}
	.banner .r_banner{ 
		background-color:#FFFFFF;
		float:right; 
	}
	.banner .l_banner img{
		max-width:100%; 
		height: auto; 
	}
	.banner .r_banner img{
		max-width:100%;
		height: auto; 
	}
	.in-page .border{ 
		min-height:15em;
		font-size:13px; 
	}
	.in-page .learntitle{ 
		font-size:14px; 
		height:6.5em;
	}
	.home .cloumn{ 
		float:left;
	}
	.home .one{ 
		width:724px;
	}
	.home .two{ 
		width:362px;
	}
	.home .three{ 
		width:240px;
	}
	.home .four{ 
		width:24%;
	}
	.home .coloborder { 
		border-right:0; 
	}
	/*.home .bgbox{ 
		margin: 0px 10px;
	}
	*/
	.imgnone{ 
		display:none;
	}
	.mobile-menu{ display: none;}
	.main-menu, #navtop li.main-menu{ display:block;}
  	.row {
   /*margin-left: -20px;*/
    *zoom: 1;
  	}
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 100%;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 33.33%;
    *width: 33.33%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
  div.domain-bgblue div.span4{
		width: 190px; 
   }
	div.domain-bgblue a, div.domain-bgblue a:visited, div.domain-bgblue a:hover, div.domain-bgblue a:active{ 
	font-size:18px; 
	}
	.website-menus div.span4{	
		width:100%;
	}
}

@media (max-width: 767px) {
.csr .csr-bg{ 
	border:0;
	background:url(../images/csr-bg2.jpg) top left no-repeat;  
	width: auto; 
	height:478px; 
	padding-top:20px; 
}
.csr .csr-banner p{ 
	color:#000; 
	font-size:30px;
	line-height:1.2em; 
}
.csr .csr-bottom{ 
	background: none;
	padding:0px;  
}
ul.rvg-leftmenu {
	width:100%; 
	}
  body {
    padding-right: 20px;
    padding-left: 20px;
	font-size:16px;
  }
  .in-page .row p, .in-page .row div, .in-page .row .span8 li{
  	font-size:18px; 
	line-height:1.6em;
  }
  .in-page .row .span4 h3, .in-page .row .span4 h5 {
  	font-size:20px;
  }
  ul.rvg-leftmenu a, ul.rvg-leftmenu a:hover, ul.rvg-leftmenu a:visited, ul.rvg-leftmenu a:active, .chlidren li a, .chlidren li a:visited, .chlidren li a:hover, .chlidren li a:active {
	font-size:20px; 
	font-weight:bold; 
  }
  .in-page .span12 p{ font-size:16px;}
  .container{margin:0 5px;}
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
  .span2 {
	  width: 230px; 
	  margin:0 5px;  
	  padding:0 5px; 
	  float:left; 
	}
  .span2 a{ 
	font-size:18px;
	}
	  .span4 {
	  width: 100%;
	}
	  .span03 {
	  width: 100%; 
	  margin:0 1px 0 0;  
	  padding:0; 
	  float:left;
	}
	.our-solution .span2{
		width: 100%; 
		text-align:center; 
	}
	.our-solution .span4{
		width: 100%; 
	}
	.our-solution .span4 h2{
		width: 100%; 
		text-align:center; 
		color:#262626;
		font-size:22px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-weight:normal; 
	}
	.mar30{ 
		margin-left:0px;
	}
	.footer-logo{ display: none;}
	.footer div a.title{ 
		font-size:18px;
	}
	.footer a{ 
		font-size:16px;
	}
	.feed h5{
		font-size:18px;
	}
	.feed h4 a{
		font-size:16px;
	}
	.footer-address{ 
		font-size:16px;
	}
	.in-page .border, .in-page .border a, .in-page .border a:visited, .in-page .border a:hover, .in-page .border a:active{ 
		font-size:18px; 
		line-height:1.5em;
	}
	.in-page .border{ 
		min-height: inherit;
	}
	.in-page .learntitle{  
		font-size:20px; 
		height:4em; 
	}
	.home .mobile-two{ 
		width:100%; 
		display:block; 
		float:none; 
		margin-bottom:20px;
	}
	.home .mobile-two{ 
		width:100%; 
		display:block; 
		float:none;
	}
	.mobile-menu{ display: none;}
	.main-menu, #navtop li.main-menu{ display:block;}
	.home four{ 
		width:100%; 
	}
	div.domain-bgblue a, div.domain-bgblue a:visited, div.domain-bgblue a:hover, div.domain-bgblue a:active{ 
		font-size:24px; 
	}
	.h-it-as-service-content .border, .h-it-as-service-content .border:hover{ 
		margin-bottom:80px;
	}
	.team-nowrap{ 
		white-space: inherit;
	}
	.h-it-as-service div.span3{ 
		display:none;
	}
	.h-it-as-service div.span9 { 
		width:70%;
	}
	.h-it-as-service div.span9 div.content{ 
		display:none;
	}
	.h-it-as-service .business{ 
		font-size:60px; 
		padding:10px 25px; 
	}
	.h-it-as-service h2{ 
		font-size:32px;  
		padding:10px 25px;
	}
}


@media (max-width: 480px) {
	.office365 .o365mobile .span3{ 
		width:100%;
	}
	body { 
		font-size:16px;
	}
	.shmenu1{ display: none;}
	.shmenu2{ display: ;}
	.mobile-menu{ display:block; width:100%;}
	.main-menu, #navtop li.main-menu{ display:none;}
	#mainmenu a {
		font-size:24px;
	}
	 ul#navigator a, ul#navtop a, ul#leftmenu a, .topmenu a, .topmenu a:visited, .topmenu a:hover, .topmenu a:active{ 
		font-size:24px;
	}
	ul.rvg-leftmenu {
		width:100%; 
	}
	.footer-logo{ display: none;}
	.footer a.title{ 
		font-size:20px;
	}
	.footer a{ 
		font-size:16px;
	}
	.span2 {
	  	width: 200px; 
		margin:0 5px;  
		padding:0 5px; 
		float:left; 
	}
	.span03 {
	  	width: 100%; 
	  	margin:0 1px 0 0;  
	  	padding:0; 
	}
	.span01 {
	  	width: 250px; 
	}
	.mar30{ 
		margin-left:0px;
	}
	.banner .l_banner{ 
		float:none;   
		}
	.banner div.r_banner{ 
		float:none;
		width:450px; 
	}
	.banner .r_banner div{ 
		padding:0 0 6px 6px;  
		float:left;
		width:145px; 
		margin-right:5px;
	}
	.banner .r_banner div.clrmarr{ 
		margin-right:0px; 
		width:150px;
	}
	.banner .l_banner img{
		max-width:137%; 
		height: auto; 
	}
	.banner .r_banner img{
		max-width:100%;
		height: auto;
	}
	.imgnone{ 
		display:none;
		}
	.footer-address{ 
		font-size:16px;
	}
	.home .cloumn{ 
		float:left;
	}
	.home .mobile-two{ 
		width:100%; 
		display:block; 
		float:none; 
		margin-bottom:20px;
	}
	.home .mobile-four{ 
		width:100%; 
		display:block; 
		float:none;
		margin-bottom:20px;
	}
	.m-google-train .n1{ 
		display:none;
	}
	.m-google-train .n2{ 
		display:block; 
		max-width:100%; 
		height: auto; 
		text-align:center; 
	}
	.train-google img{
		margin:15px 0;
	}
	.pri-padd-l{ 
		text-align:center;
	}
	#container .g-bgtab{    
    border-top-left-radius: 0px;     
    -moz-border-top-left-radius: 0px; 
    -webkit-border-top-left-radius: 0px; 
	border-top-right-radius: 0px;     
    -moz-border-top-right-radius: 0px; 
    -webkit-border-top-right-radius: 0px;
	height:82px;
	}
	#container ul.menu li{
		display:block;
	}
	#container ul.menu li.bg-blue, #container ul.menu li.bg-green, #container ul.menu li.bg-red{
	border:0;
	border-top-left-radius: 0px;     
    -moz-border-top-left-radius: 0px; 
    -webkit-border-top-left-radius: 0px;
	border-top-right-radius: 0px;     
    -moz-border-top-right-radius: 0px; 
    -webkit-border-top-right-radius: 0px;
	}
	ul.breadcrumb li a, ul.breadcrumb li a:active, ul.breadcrumb li a:visited{
		font-size:14px;
	}
	.s-form h5 { 
		line-height:1.4em;
		font-size:18px;
	}
	.s-form ul.nav-list li { 
		white-space:nowrap;
		line-height:1.6em;
	}
	.s-form ul.nav-list li a, .s-form ul.nav-list li a:active, .s-form ul.nav-list li a:visited{ 
		font-size:14px;
	}
	/*.home .two{ 
		width:427px; 
		margin-bottom:20px;
	}*/
	/*.home .bgbox{ 
		margin: 0px;
		margin-right: 20px;
	}*/
  	.nav-collapse {
    	-webkit-transform: translate3d(0, 0, 0);
  	}
	 .page-header h1 small {
		display: block;
		line-height: 20px;
	 }
	 input[type="checkbox"],
	 input[type="radio"] {
		border: 1px solid #ccc;
	 }
	 .form-horizontal .control-label {
		float: none;
		width: auto;
		padding-top: 0;
		text-align: left;
	 }
	 .form-horizontal .controls {
		margin-left: 0;
	 }
	 .form-horizontal .control-list {
		padding-top: 0;
	 }
	 .form-horizontal .form-actions {
		padding-right: 10px;
		padding-left: 10px;
	 }
	 .media .pull-left,
	 .media .pull-right {
		display: block;
		float: none;
		margin-bottom: 10px;
	 }
	 .media-object {
		margin-right: 0;
		margin-left: 0;
	 }
	 .modal {
		top: 10px;
		right: 10px;
		left: 10px;
	 }
	 .modal-header .close {
		padding: 10px;
		margin: -10px;
	 }
	 .carousel-caption {
		position: static;
	 }
	#hb_floatingstatus {
		display:none;
	}
	#hb_floatingstatus img{
		display:none;
	}
	.domain-in input {
	background: #fff;
	border: 0;
    padding: 0px;
}
span.domain-in-01 {
	display:none;
}
.domain-in-02 {
	height: 30px;
	background:#fff;
	float: left;
	padding: 2px 5px;
	width:135px;
	border:0;
	border-radius: 0;
}
.domain-in-02 input {
	margin-left:5px; 
	padding-left:5px; 
	font-size:14px;
	width:117px;
	margin:0;
	color:#333; 
	border:0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}
.domain-in-03 {
	width: 100px;
	height: 30px;
	background:#ffffff url(../images/domain-arrow.gif) right center no-repeat; 
	float: left;
	padding: 2px 5px;
	color:#3788c0;
}
.domain-in-03 select {
	width: 101px; 
	margin-left:15px;
}
.button01 input.btn{ 
	margin-top:10px;
}
.sd-logo .col-sm-3, .sd-logo .col-sm-9, .footer .container .span3 { 
	width:100%;
}
.sd-bardomain { 
	background: none; 
}
.sd-bardomain h1{ 
	text-align:center; 
	font-size:20px; 
}
.domain-bgblue .block{	
	background:none; 
}
  div.domain-bgblue a, div.domain-bgblue a:visited, div.domain-bgblue a:hover, div.domain-bgblue a:active{ 
	font-size:24px; 
}
.domain-bgback div.span2{
	width: 100%; 
	text-align:left; 
}
.domain-bgback ul.tldDropDown{  
	margin:0;
	margin-left:-7px; 
}
.domain-bgback div.button01, .domain-bgback .domain-in-01, .domain-bgback .domain-in-02, .domain-bgback .domain-in-03{
	padding:0;
	margin:0 0 0 -10px;
}
.domain-bgback div.button01{
	margin:0;
	padding:0; 
}
.nwright{
	text-align:right;
}
.topmenu-nw .span10, .topmenu-nw .span2 { 
	text-align:center; 
	width:100%;
}
.topmenu-nw .span2 table{ 
	text-align:center; 
	margin:0 auto; 
	width:auto; 
}

.cipher-default, .cipher_warning, .cipher-error {
    padding-bottom: 6px;
}

}

@media (max-width: 979px) {
	.software .price .span2, .software .price .span4, .software .price .span6{
		text-align:center; 
		width:100%;
	}
	.office365 .span4{ 
		width:100%;
	}
	.office365 .o365mobile .span3{ 
		width:50%;
	}
	.office365 .span2{ 
		width:100%;
	}
body { padding:0; margin:0; overflow-x: hidden;}
	.footer-logo{ display:;}
	 body {
		padding-top: 0;
	  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
	.contact-privacy { 
		line-height:2em; 
	}
	.contact-privacy a.btn-contact, .contact-privacy a.btn-contact:visited, .contact-privacy a.btn-contact:hover, .contact-privacy a.btn-contact:active{ 
		text-align:center; 
		margin:0 auto; 
		margin-top:15px; 
		line-height:2em; 
		white-space:nowrap; 
	}
	.home .partner-bdr1{ 
		margin-right:5px;
	}	
	.home .partner-bdr2{ 
		margin-right:5px;
	}
	
	.support-block{
		width:100%; 
	}
	.support-block .acenter{ 
		text-align:center;
		width:100%;
	}
	.login-tbl .login-bgkey{
		background-image:none; 
		width: auto;
		height: auto;
	}
	.login-tbl .login-key{ 
		margin:10px 0;  
		border-right:#d7d7d7 solid 0px; 
		padding-left:0px;
	}
	.login-tbl .login-inputbox{ 
		border:#e0e0e0 solid 0px; 
		padding:3px 0; 
			border-radius: 5px; 	
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		margin-right:0px;
		background:#fff; 
		margin-left:23px; 
	}
	.login-tbl .login-inputbox input{ 
		border: #e0e0e0 solid 1px; 
	}
	.login-tbl .service-login div{
		padding:5px; 
		margin:0 0 8px 0;
	}
	.team-nowrap{ 
		white-space: inherit;
	}	
	.ITaaS .line, .ITaaS .line2, .ITaaS .line3{  
		background: none; 
	}
	.ITaaS .icon-composition div.span3{ 
		width:45%;
	}
	.sm .border .span6{ width:100%;}
	.sm .smbanner .span7{ width:100%;}
	.sm .decbanner .span7{ width:100%;}
	.sm .colobanner .span7{ width:100%;}
	.sm .servermaintenance .bgcontent{ height: auto;}
	.sm .servermaintenance .span3{ width:100%;}
	.sm .colo-service .bdrr{ text-align:center; height: auto;border-right:#ff5a00 solid 0px;}
	.website-bg{
		background: none;
		display:block; 
		margin:0px 0 15px 0; 
		padding:10px 10px 0 10px;
		min-height:540px;
	}
	.website-bgbanner .span6{ 
		width:100%; 
	}
	.website-bgbanner h1.titlewebsite{
		font-size:32px; 
	}
	.website-bgbanner h1.title, .website-bgbanner h2.subtitle{
		font-size:40px;
	}
	.emailmarket-bg h1.toptitle, .emailmarket-bg h1.toptitle span{ 
		font-size:28px; 
		text-align:center; 	 
	}
	.emailmarket-bg .content{
		font-size:22px; 
	}
	.manage-service .span4, .website-des .span6, .security .span4{ width:100%; margin-bottom:20px;}
	.banner-supports div.span7, .banner-payment div.span7{ width:100%; text-align: center;}
	.website-service .group .span4, .website-service .group .span4, .website-service .group .span4, .price-plans  .span4{ margin:0; padding:0;  width:100%;}
	.colocation div.span4{	
		width:100%;
		padding:0; 
  		margin:0;
	}
	.colocation .benefits div.span4{	
		width:50%;
  		margin:0 0 20px 0; 
		min-height:70px;
	}
	.colocation .benefits div.span4 div.span4{	
		width:15%;
	}
	.colocation .benefits div.span4 div.span7{	
		width:85%;
		padding:0 0 0 10px; 
  		margin:0;
	}
	
	.checker-input#hostname {
       width: 79% !important;
    }
    .chain-border-left {
       border-left: 0px !important;
    }
}

@media (min-width: 980px) {
    .move-nav{
        margin-left: 100px;
        width: 91% !important;
    }
    .order-form-border{
        border: 3px solid #a6bac5; 
        border-radius: 5px;
        padding: 24px 0px 10px 0px; 
        margin-bottom: 30px;
    }
    .top18{
        margin-top: 18px;
    }
    .top24{
        margin-top: 24px;
    }
	.emailmarket-bg h1.toptitle{ 
		font-size:46px; 	 
	}
	.emailmarket-bg h1.toptitle span{
		font-size:60px;  
	}
	.emailmarket-bg .content{
		font-size:30px; 
	}

.login-tbl .login-bgkey{
	background:url(../images/login-key.gif) top left no-repeat; 
	width:80px;
	height:120px;
}
.login-tbl .login-key{ 
	margin:10px auto;  
	border-right:#d7d7d7 solid 1px; 
	padding-left:40px;
}
.login-tbl .login-inputbox{ 
	border:#e0e0e0 solid 1px; 
	padding:3px 0; 
	    border-radius: 5px; 	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin-right:100px;
	background:url(../images/bgbox.gif) top left repeat-y; 
}
.login-tbl .login-inputbox span{ 
	color:#1a7bbf; 
	font-size:14px; 
	width:90px; 
	display:block; 
	float:left;
	margin-right:5px; 
}
.login-tbl .login-inputbox input{ 
	border:0; 
	width:200px; 
	margin:0px;
	box-shadow:none;
}
.login-tbl .login-inputbox input:focus {
    box-shadow:none;
}
.login-tbl .service-login div{
	padding:0; 
	margin:0 0 8px 0;
}


.csr .csr-bg{ 
	border:0;
	background:url(../images/csr-bg.jpg) top left no-repeat;  
	width: auto; 
	height:418px; 
	padding-top:60px; 
}
.csr .csr-banner p{ 
	color:#000; 
	font-size:30px; 
	line-height:1.2em; 
}
.csr .csr-bottom{ 
	background:url(../images/csr-bgbot.jpg) top right no-repeat;
	padding:10px 50px 20px 30px; 
}
.support-block{
	width:33.3%; 
	float:left;
}
.support-block .acenter{ 
	text-align:center;
	width:100%;
}
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
  ul.rvg-leftmenu {
	width:240px; 
	}
  .banner .l_banner{ 
	background-color:#FFFFFF; 
	float:left;
	padding:0 0 6px 0; 
	}
	.banner .r_banner{ 
		background-color:#FFFFFF;
		float:right; 
	}
	.banner .l_banner img{
		max-width:100%; 
		height: auto; 
		}
	.banner .r_banner img{
		max-width:100%;
		height: auto; 
		}
	.home .cloumn{ 
		float:left;
	}
	.home .one{ 
		width:940px;
	}
	.home .two{ 
		width:470px;
	}
	.home .three{ 
		width:310px;
	}
	.home .four{ 
		width:24%;
	}
	.home .coloborder { 
		border-right:0; 
	}
	.home .why-two1{ 
		width:43%; 
		float:left; 
		padding:0; 
		margin:0;
	}
	.home .why-two2{ 
		width:57%;
		float:left; 
		padding:0; 
		margin:0;
	}
	.home .partner-bdr1{ 
		margin-right:8px;
	}	
	.home .partner-bdr2{ 
		margin-right:8px;
	}
	/*.home .bgbox{ 
	margin:0px 10px;
	}*/
	.imgnone{ 
		display:block;
	}  
	.domain-bgblue .block{	
		background: url(../images/domain-bar.gif) center right no-repeat; 
	}
	.domain-bgback .span2{
  		padding-left:50px;
  	}
	div.domain-bgblue div.span4{
		width: 280px; 
	}
	div.domain-bgblue a, div.domain-bgblue a:visited, div.domain-bgblue a:hover, div.domain-bgblue a:active{ 
		font-size:24px; 
	}
	.price-plan .bg-price{     	
		padding:7px 5px 0px 50px;}
	.sm .colobanner .span7{
		width:60%;
	}
	.sm .servermaintenance .bgcontent{ min-height:25em;}
	.sm .servermaintenance .span3{ width:25%; }
	.sm .colo-service .bdrr{ text-align:right; min-height:3em; border-right:#ff5a00 solid 3px;}	
	.website-bg{
		background:url(../images/website-bg.gif) left top no-repeat;
		display:block; 
		margin:0px 0 15px 0; 
		padding:40px 10px 0 10px;
		min-height:540px;
	}
	.website-bgbanner h1.titlewebsite{
		font-size:52px; 
	}
	.website-bgbanner h1.title, .website-bgbanner h2.subtitle{
		font-size:60px;
	}
	.bg-sipa img{  
		margin-left:17%;
		margin-top:1%;
	}
	.colocation div.span4{	
		width:33.333%;
		padding:0; 
  		margin:0;
	}
}
@media (max-width: 320px) {
    .customer-logo-text-style{
        font-size: 26px !important;
        letter-spacing: 3px !important;
    }
    .customer-logo-text-style img{
      width: 55px;
    }
    .install-manual-box{
        box-sizing: initial;
        height: initial !important;
    }
	.container{width: 98%;}
	.mobile-menu{ display: block; width:100%;}
	.main-menu, #navtop li.main-menu { display: none;}
	ul.rvg-leftmenu {
		width:100%; 
	}
	.span03 {
	  	width: 280px; 
	  	margin:0 1px 0 0;  
	  	padding:0; 
	}
	.banner .l_banner{ 
		float:none;
		display: block; 
		text-align:center; 
	}
	.banner .r_banner{ 
		float: inherit;
		display: block;
	}
	.banner div.r_banner{ 
		float:none;
		width:275px;
	}
	.banner .r_banner div{ 
		padding:0 0 6px 6px; 
		width:275px; 
	}
	.banner .l_banner img{ 
		width:275px;
		height: auto; 
		margin:0 auto; 
		}
	.banner .r_banner img{
		width:275px;
		height: auto; 
		}
	.imgnone{ 
		display:none;
	}
	.mar30{ 
		margin-left:0px;
	}
	.footer-logo{ 
		display:none;
	}
	.home .cloumn{ 
		float:left;
	}
	.home .one{ 
		width:280px;
	}
	.home .two{ 
		width:270px; 
		margin-left:10px;
	}
	.home .three{ 
		width:280px;
	}
	.home .four{ 
		width:99%;
	}
	.home .border{ 
		border-right:#c2c2c2 dashed 0px; 
	}
	#hb_floatingstatus {
		display:none;
	}
	.span-google-l{
	  width:100%; 
	  text-align:center;
	}
	.span-google-r {
	  width:100%;
	  text-align:left;
	}
	.domain-bgblue div.span4{
		width: 100%; 
	}	
	div.domain-bgblue a, div.domain-bgblue a:visited, div.domain-bgblue a:hover, div.domain-bgblue a:active{ 
	font-size:24px; 
	}
	.domain-bgback div.span2{
		width: 100%; 
		text-align:left; 
	}
	.domain-bgback ul.tldDropDown{
		margin-left:-7px; 
	}
	.price-plan .bg-price{   	
	padding:7px 5px 0px 50px;
   }
   .ITaaS .icon-composition div.span3{ 
		width:100%; 
	}
	.mobile-box{ width: 100%; overflow: auto; }
	.office365 .o365mobile .span3{ 
		width:100%;
	}
}

@media (min-width: 319px) and (max-width: 321px) {
    .content-list, .header-title > div > p, .head-link{
        font-size: 18px !important;
    }
    .img-width{
      width: 100%;
    }
}

@media (min-width: 481px){
	.shmenu1{ display:;}
	.shmenu2{ display: none;}
	#hb_floatingstatus {
		display:block;
	}
	.m-google-train .n1{ 
		display:block;
	}
	.m-google-train .n2{ 
		display:none;
	}
	#container ul.menu li{
		float:left;
	}
	#container .g-bgtab{    
    border-top-left-radius: 10px;     
    -moz-border-top-left-radius: 10px; 
    -webkit-border-top-left-radius: 10px; 
	border-top-right-radius: 10px;     
    -moz-border-top-right-radius: 10px; 
    -webkit-border-top-right-radius: 10px;
	}
	#container ul.menu li.bg-blue, #container ul.menu li.bg-green, #container ul.menu li.bg-red{
	border:0;
	border-top-left-radius: 10px;     
    -moz-border-top-left-radius: 10px; 
    -webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;     
    -moz-border-top-right-radius: 10px; 
    -webkit-border-top-right-radius: 10px;
	}
	.domain-in input {
	background: none;
	border: 0px;
    padding: 0;
    height: auto;
}
.domain-in-01 {
	display: inline-block;
	font: normal 24px Arial;
	color:#ffffff;
	padding: 0px 10px;
	text-align: center;
	width:auto;
	float: left;
}
.domain-in-02 {
	height: 30px;
	background:#fff;
	float: left;
	padding: 2px 5px;
	width:30%;
}
.domain-in-02 input {
	font: normal 18px Arial;
	width: 100%; 
	margin:0;
	color:#333; 
	border:0;
	border-radius: 0;
}
.domain-in-03 {
	width: 129px;
	height: 30px;
	background:#ffffff url(../images/domain-arrow.gif) right center no-repeat; 
	float: left;
	padding: 2px 5px;
	color:#3788c0;
}
.domain-in-03 select {
	width: 130px; 
	margin-left:15px;
}
.sd-bardomain { 
	background: url(../images/bar-domain.gif) right top no-repeat; 
}
.domain-bgblue div.span4{
	width: 100%; 
}
.domain-bgback div.span2{
	width: 25%; 
	text-align:right; 
	padding-right:15px;
	white-space:nowrap;
}
.domain-bgback ul.tldDropDown{
	margin-left:22px; 
}
.nwright{
	text-align:right;
}
}

@media (min-width: 321px) and (max-width: 480px) 
{
 .customer-logo-text-style{
        font-size: 26px !important;
    }
    .customer-logo-text-style img{
      width: 55px;
    }
 .install-manual-box{
        box-sizing: initial;
        height: initial !important;
    }
.office365 .o365mobile .span3{ 
	width:100%;
}
.domain-bgback div.button01 input{
    margin:0 0 0 5px; 
}
.support-block{
	width:100%;
	text-align:center;
}
.support-block .acenter{
	text-align:center;
}
.nwright{
	text-align:left;
}
.domain-bgdoc a, .domain-bgdoc a:visited, .domain-bgdoc a:hover, .domain-bgdoc a:active{	
	margin-left:30px;
}
div.domain-in-02 input {
	margin-left:5px;
	padding-left:5px; 
	font-size:14px;
	border:0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}
.csr .csr-banner p{ 
	color:#000; 
	font-size:24px;
	line-height:1.2em; 
}
.price-plan .bg-price{   	
	padding:7px 5px 0px 50px;
}
.ITaaS .icon-composition div.span3{ 
	width:100%; 
}
.mobile-box{ width: 100%; overflow: auto; }
.emailmarket .border{ 
	min-height: inherit; 
	}
	.colocation div.span4{	
		width:100%;
		padding:0; 
  		margin:0;
	}
	.colocation .benefits div.span4{	
		width:100%;
  		margin:0 0 20px 0; 
		min-height: inherit;
	}
	.colocation .benefits div.span4 div.span4{	
		width:100%; 
	}
	.colocation .benefits div.span4 div.span7{	
		width:100%;
		text-align:center;
	}
}


@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.restbl, table.restbl thead, table.restbl tbody, table.restbl th, table.restbl td, table.restbl tr { 
			display: block; 
			font-size:16px; 
		}
		table.restbl .txtsize{
			font-size:18px;
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		table.restbl thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		table.restbl tr.tablespeed_bg { 
			visibility:hidden; 
			display:none;
		}
		table.restbl tr { border: 1px solid #ccc; border-bottom: 0px solid #ccc; }
		
		table.restbl td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
			text-align:left;
		}
		.tablepay tr.odd{ 
			background: #f6f6f6;
		}
		table.restbl td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			
		}
		.software .software-bg .bgblue{
			width:35%;
		}
		/*
		Label the data
		*/
		table.restbl .res_tablespeed_bg td:nth-of-type(1):before { content: ""; color:#0e6a9a; text-align:left; display:none;}
		table.restbl td:nth-of-type(1):before { content: "ธนาคาร"; color:#0e6a9a; text-align:left;}
		table.restbl td:nth-of-type(2):before { content: "เลขที่บัญชีธนาคาร "; color:#0e6a9a; text-align:left;}
		table.restbl td:nth-of-type(3):before { content: "ประเภทบัญชี"; color:#0e6a9a; text-align:left;}
		table.restbl td:nth-of-type(4):before { content: "สาขา"; color:#0e6a9a; text-align:left;}
	}
	
@media (min-width: 979px) {
  	.topmenu-nw div.right{ float:right;}
	.topmenu-nw div.right table{ text-align: center;}
	.emailmarket .border{ min-height:44em;}
	.office365 .o365mobile .span3{ 
		width:25%;
	}
	.software .software-bg .bgblue{
		width:35%;
	}
	.banner-business h1.txt{
		font-size:60px;
	}
	.banner-business h1.txt span{
		font-size:40px;
	}
 }
@media (max-width:767px){
	.topmenu .hidden-logo{ display:none;}
	.topmenu-nw div{ text-align:center; }
	.topmenu-nw div.right{  float: inherit;}
	.topmenu-nw div.right table{ text-align: center;}
	.mss-tblmobile{ overflow-x:scroll; width:100%;}
	.banner-supports div.span7, .banner-payment div.span7{ width:100%;}
	.banner-supports div.span7 h1, .banner-payment div.span7 h1{ font-size:36px;} 
	.banner-supports h1 {line-height:1.1em;}  
	.banner-vdo h1.txt, .banner-supports h1.txt {font-size:34px;}  
	.banner-vdo h2.txt, .banner-supports h2.txt, .banner-supports h3.txt {font-size:24px;} 
	.banner-payment h2.txt, .banner-payment h3.txt {font-size:24px;} 
	.banner-business .txt, .banner-business .txt4, .banner-business h1.txt span, .banner-business h1 span.txt2 {font-size:28px;}
	.portfolio div.span4{ width:100%; height:auto; margin:0; clear:both;}
	.colocation img, .colocation span1, .colocation span2, .colocation span3, .colocation span4, .colocation span5, .colocation span6, .colocation span7, .colocation span8, 		 	.colocation span9, .colocation span10, .colocation span11, .colocation span12  { 
		margin-bottom:20px;
	}
	.colocation div.span4{	
		width:100%;
		padding:0; 
  		margin:0;
	}
	.colocation .benefits div.span4{	
		width:100%;
  		margin:0 0 20px 0; 
		min-height: inherit;
	}
	.colocation .benefits div.span4 div.span4{	
		width:100%; 
		text-align:center;
	}
	.colocation .benefits div.span4 div.span7{	
		width:100%; 
		text-align:center;
	}
	.software .span2, .software .span4, .software .span6{
		text-align:center; 
	}
	.software .software-bg .bgblue{
		width:90%;
	}
}
	
	
	
.text-xs-left { text-align: left !important; }
.text-xs-right { text-align: right !important; }
.text-xs-center { text-align: center !important; }
.text-xs-justify { text-align: justify !important; }
.div-xs-left { float: left !important; }
.div-xs-right { float: right !important; }

@media (min-width: 768px) { 
    .text-sm-left { text-align: left !important; }
    .text-sm-right { text-align: right !important; }
    .text-sm-center { text-align: center !important; }
    .text-sm-justify { text-align: justify !important; }
    .div-sm-left { float: left !important; }
    .div-sm-right { float: right !important; }
}
@media (min-width: 992px) {
    .text-md-left { text-align: left !important; }
    .text-md-right { text-align: right !important; }
    .text-md-center { text-align: center !important; }
    .text-md-justify { text-align: justify !important; }
    .div-md-left { float: left !important; }
    .div-md-right { float: right !important; }
}
@media (min-width: 1200px) {
    .text-lg-left { text-align: left !important; }
    .text-lg-right { text-align: right !important; }
    .text-lg-center { text-align: center !important; }
    .text-lg-justify { text-align: justify !important; }
    .div-lg-left { float: left !important; }
    .div-lg-right { float: right !important; }
}