/*Media CSS*/
@media only screen and (min-width:1024px) and (max-width: 1280px) {
	.tabi li {
	height: 209px;
}
.searchContainer-web .search_bar{width: 67%;}
.searchContainer-web .search_bar {

    width: 72%;
}
.nav > li > a {
    display: block;
    padding: 10px 17px !important;
    position: relative;
}
.navbar {
   font-size: 14px !important;
    min-height: auto !important;
}

}
@media only screen and (min-width:980px) and (max-width:1024px) {
		.tabi li {
	height: 209px;
}
.logo img{ width:100%;}
.top_header ul li{  margin-left: 15px}
.nav > li > a{padding: 20px 10px!important;}
.navbar{ font-size:14px!important;}
.searchContainer-web{ top: 300px;}
.searchContainer-web .search_bar{width: 58%;}
#top-support h4{ font-size:25px;}
.web_features_rowCont h4{ font-size:16px;}
.web_features_rowCont{width: 83%;}
.try_demo{    padding: 7px 5px;   font-size: 11px;}
.image_s img{ width:100%; height:auto;}
.introtext2 h2{ font-size:33px;}
.service-panel-server ul li{line-height: 16px;   font-size: 12px;}
.service-panel-server h2{ font-size:25px;}
.footer_top_text{ font-size:18px;}
.title{ font-size:15px;}
.linklist li a{ font-size:14px;}
.center_foot > a{padding: 0 4px; font-size: 12px;}
.fl_right{ font-size:12px; margin-top: 4px;}
.center_foot{ margin-top:6px;}
.bottom-panel span em{ font-size:35px;}
.special .col-lg-4 {
    width: 33.3%;
}
.featured {
    margin-bottom: 25px;
}
.nav > li > a {
    display: block;
    padding: 4px 11px !important;
    position: relative;
}
.searchContainer-web .search_bar {
    width: 66% !important;
}
.navbar {
    font-size: 14px !important;
    min-height: auto !important;
}
.m-bottom4 > img {
  height: auto;
  width: 100%;
}
.container {
  width: 95%;
}
/*SPRING HOSTING*/
.welcome img {
	width: 60%;
	height: auto;
}.hd.hd_in p {
	font-size: 23px;
}
.welcome p {
	font-size: 18px;
}
.welcome {
    background: linear-gradient(135deg,#034083,#126cb0) 10% 80%no-repeat;
}
.welcome h2 {
	font-size: 38px;
}.welcome h3.pr {
    font-size: 47px;
}
}
@media only screen and (min-width:768px) and (max-width:979px) {
.nav > li > a {
    display: block;
    padding: 4px 17px;
    position: relative;
}
.navbar {
    font-size: 14px !important;
    min-height: auto !important;
}
.nav > li > a {
  padding: 4px 6px;
}
.navbar-nav > li > a {
  font-size: 12px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.m-bottom4 > img {
  height: auto;
  width: 100%;
}
.controlpanels ul li {
    float: left;
    width: 32%;
}
.controlpanels ul li img{
    width:100%;
}
.solutions h1 {
  font-size: 30px;
}
.solutions h2 {
  font-size: 25px;
  margin: 0 0 20px;
}
.top_header {
  display: none;
}
.tabi li {
  height: 286px;
  width: 31%;
}
/*SPRING HOSTING*/
.welcome img {
	width: 60%;
	height: auto;
}.hd.hd_in p {
	font-size: 23px;
}
.welcome p {
	font-size: 18px;
}
.welcome {
    background: linear-gradient(135deg,#034083,#126cb0) 10% 80%no-repeat;
}
.welcome h2 {
	font-size: 38px;
}.welcome h3.pr {
    font-size: 47px;
}
/*NEW HOME PAGE*/
.inner-f {
		top: 0;
	position: relative;
}
.featre ul li {
	width: 83%;
}
}
@media only screen and (min-width:280px) and (max-width:767px) {
.logo > img {
  height: auto;
  width: 100%;
}
.primarynav, .top_header {
  display: none;
}
.stdfeatures h4 {
  font-size: 15px;
  margin: 12px 0 0;
}
.m-bottom4 > img {
  height: auto;
  width: 100%;
}

/*NEW MEGA MENUS*/

.drop {
position: relative;
width: 100%;
}
.drop.row.fst, .drop.row.mid, .drop.row.last {
left: 0 auto !important;
position: relative;
}
.mga-drop ul.std-dropdown li {
width: 100%;
margin: 0 0;
padding: 0;
text-align: center;
float: left;
}
.mga-drop ul.std-dropdown li a {
padding: 0 0 0;
height: auto;

}
.mga-drop ul.std-dropdown li a .icon-size {
margin: 6px auto 0;
float: left;
}
/*NEW CSS FOR IOS*/
.drop {
position: relative;
display: block;
width: 100%;
margin: -1px 0 0;
list-style: none;
font-size: 14px;
background-color: #EDEDED;

}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 4px;
}.mga-drop {
padding: 0;
}.mga-drop ul.std-dropdown {
padding-left: 0;
padding-right: 0;

}
.mga-drop ul.std-dropdown li a .icon-size {
height: auto;
width: 30px;
}
.mga-drop ul.std-dropdown li a .icon-size img {
width: 100%;
height: auto;
}
.mga-drop ul.std-dropdown li a h4, .other-services h4 {
font-size: 12px;
text-align: left;
}
.nav > li {
position: relative;
display: block;
float: left;
text-align: center;
width: 100%;
background: #333;
border-bottom: 1px solid #808080;
}
.list-other, .other-services {
display: none;
}
.navbar-collapse.collapse {
	float: left;
	text-align: center;
	width: 98%;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 11px;
}
.drop.row.fst, .drop.row.mid, .drop.row.last, .drop.row.last1 {
	left: 0 !important;
}
/*HOME PAGE*/
.welcome {
	background-size: auto;
}
.welcome h2 {
	font-size: 28px;
}
.welcome ul {
	padding-left: 0;
	width: 100%;
	margin: 0;
}
.welcome ul li {
	font-size: 14px;
}.welcome .learn {
	font-size: 14px;
}
.welcome img {
	width: 100%;
	height: auto;
}
.s-title p {
    padding: 0 0;
}
.three_boxes {
	width: 100%;
}
.three_boxes ul li {
	width: 100%;
	margin-bottom: 20px;
}
.team p {
	padding: 0 0 20px 0;
}.img img {
	width: 100%;
}
/*SPRING HOSTING*/
.welcome img {
	width: 60%;
	height: auto;
}.hd.hd_in p {
	font-size: 23px;
}
.welcome p {
	font-size: 18px;
}
.welcome {
    background: linear-gradient(135deg,#034083,#126cb0) 10% 80%no-repeat;
}
/*NEW HOME PAGE*/
.inner-f {
		top: 0;
	position: relative;
}
.featre ul li {
	width: 83%;
}
.main-head{padding: 0 0 0;}
.welcome h3.pr {font-size: 50px;}
.menu-right {
	float: right;
	position: absolute;
	right: 20px;
	z-index: 9999;
}
.cnt {
	float: left;
	width: 13.3%;
	font-size: 12px;
	background: #f0f0f0;
	padding: 11px 0 11px 0;
	height: 48px;
	border: 1px solid #fff;
	text-align: center;
}.h {
	float: left;
	width: 20%;
	font-size: 11px;
	background: #a2d7ee;
	padding: 8px 0 8px 5px;
	border: 1px solid #fff;
	font-family: 'poppinsbold';
}.order {
	display: inline-block;
	padding: 0px 3px;
	background: transparent;
	margin-top: 0;
	border-radius: 38px;
	font-size: 10px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-transform: uppercase;
	border: 2px solid #ff9421;
	color: #ff9421;
	font-family: 'poppinsregular';
}
/*Colocation Page Design*/