@charset "utf-8";

	
/*================= responsive css =======================*/



@media (max-width:1024px) {
	#logo {
    	width: 100px;
	}
	.menuzord-menu>li>a {
    	padding: 26px 14px;
	}
	.h-sign {
	    padding: 26px 5px;
	}
	.h-sign a {
    	padding: 0px 18px;
	}
	ul.bjqs {
    	height: 520px;
	}
	.why-box {
		width:168px;
		text-align:center;
		margin:0px 15px;
	}
	.why-box p {
		font-size:13px;
		line-height:24px;
	}
	.ico-div {
		width: 130px;
		height: 130px;
		margin:0px auto;
		line-height: 105px;
	}
	.ico-div img {
		height: auto !important;
		max-height: 50px;
		width: auto !important;
		max-width: 70px;
	}
	.features-text p {
		font-size:13px;
		line-height:24px;
	}
	.features-ico {
    	margin-top: 20px !important;
	}
	.tabs-menu {
    	width: 50% !important;
	}
	.flex-direction-nav li:first-child {
		left: 10px;
	}
	.flex-direction-nav li:last-child {
		right: 10px;
	}
	.domain-text {
    	width: 99%;
	}
	.new-domain-box p {
    	width: 63%;
	}
	.innr-ban-text p {
		font-size: 24px;
		margin-top: 80px;
	}
	.hosting-step li {
		font-size: 15px;
	}
	.get-start a {
		margin: 0px 8px;
	}
}
/*@media (min-width:1024px) {
}
@media(max-width:1023px) {
}
@media(max-width:1023px) and (min-width:768px) {
}*/
@media(max-width:768px) {
	.menuzord .showhide {
		padding: 27px 0 0 !important;
	}
	ul.bjqs {
		height: 390px;
	}
	.wrapper {
		width: 100%;
	}
	.phone-sign {
    	width: 27%;
	}
	.hm-search {
    	width: 80%;
	}
	.hm-search h2 {
		margin-bottom:20px;
	}
	.hm-search input[type=text] {
    	width: 75%;
	}
	.hm-search input[type=submit] {
    	width: 25%;
	}
	.why-us h2 {
    	margin: 30px 0px;
	}
	.why-box {
    	width: 100%;
		float:left;
		margin-bottom:10px;
	}
	.why-box p {
		width: 83%;
		float: right;
		font-size: 14px;
		text-align: left;
		margin: 30px 0px;
	}
	.ico-div {
		width:100px;
		height:100px;
		float:left;
		line-height: 70px;
	}
	.ico-div img {
		height: auto !important;
		max-height: 40px;
		width: auto !important;
		max-width: 60px;
	}
	.text-div {
		width: 65%;
	}
	.text-div p {
		padding:10px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.features-cont-right {
    	width: 48%;
		margin: 0px 12px 0px 0px;
	}
	.tabs-menu {
		width: 68% !important;
	}
	.cloud-tab {
    	background: url(../img/cloud-img-bg1-fade.png) top right no-repeat;
	}
	.serv-backg {
		background-color: rgba(255, 255, 255, 0.6);
	}
	footer .footer {
		width: 96%;
		padding: 2% 2%;
	}
	.f-signup h2 {
		width: 35%;
		font-size: 20px;
	}
	.input {
		width: 45%;
	}
	.input {
		width: 45%;
	}
	.input-sel {
		width: 45%;
	}
	.cd-see-all {
		height: 36px;
		line-height: 36px;
	}
	.flex-direction-nav {
		display:none;
	}
	.menuzord-menu ul.dropdown::after {
		display:none;
	}
	
	
	.innr-ban-text p {
    	font-size: 30px;
	}
	.special-offer {
		width: 80%;
		padding: 3% 10%;
	}
	.new-domain-box p {
		width: 69%;
		font-size:18px;
		padding:3%;
	}
	.new-domain-box a {
		width: 19.6%;
		padding: 5% 2% 3.4%;
	}
	.inclde-domain ul li {
		width: 44%;
		margin-left: 3%;
		padding-left: 3%;
	}
	#tabs-container {
		width: 90%;
    	margin: 0px auto;
	}
	.tabs-menu li {
    	width: 28%;
	}
	.bootom-text {
		width:90%;
	}
	.inr-ban.time-out {
		background-position: top left;
	}
	.innr-ban-text.bot {
		margin-top: 4%;
		margin-left: 17%;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 10px 20px;
	}
	.hosting-step li {
		font-size: 14px;
	}
	.choose-system {
		width: 94%;
		padding: 3% 3%;
	}
	.price-regular {
		font-size: 28px;
	}
	.price-text-star {
		left: -6px;
	}
	.get-start a {
		width: 23%;
		margin: 0px 6px;
	}
	.bot-box {
    	width: 100%;
	}
	
	td.server-title {
		width: 20% !important;
		font-size: 16px !important;
	}
	table.server td {
		width: 13.3%;
		font-size: 14px;
	}
	.server-th.fl {
		width: 20%;
	}
	.server-th {
		font-size: 16px;
	}
	.price-regular.server {
    	font-size: 22px;
	}
	
}
/*@media(max-width:768px) and (min-width:767px) {
}
@media(max-width:767px) {
}*/
@media(max-width:767px) and (min-width:610px) {
}
@media(max-width:609px) and (min-width:480px) {
	#logo {
    	width: 94px;
	}
	.phone-sign {
		width: 100%;
	}
	ul.bjqs {
		height: 240px;
		margin:108px 0px 0px;
	}
	.h-sign {
		padding: 6px 136px;
	}
	.hm-search {
		width: 96%;
		padding:2%;
	}
	.hm-search input[type=text] {
		width: 72%;
	}
	.hm-search input[type=submit] {
		width: 28%;
		font-size:14px;
		padding:20px 5px;
	}
	.hm-pkge h2 {
    	font-size: 36px;
	}
	.pakge-div {
    	width: 100%;
		margin:0px;
		margin-bottom:15px;
	}
	.pakge-div .pakge-del {
    	display:none;
	}
	.why-box {
    	width: 93%;
	}
	.why-box h2 {
		margin:20px 0px;
	}
	.why-box p {
    	width: 73%;
		margin:10px 0px;
	}
	.serv-backg {
		background-color: rgba(255, 255, 255, 0.9);
	}
	.features-cont {
		padding: 20px 0 20px;
	}
	.features-cont-right {
		width: 100%;
	}
	.features-cont h2 {
		margin:20px 0px;
	}
	.tabs-menu {
		width: 82% !important;
	}
	.hm-sale-point .tabs-menu li a {
		width: 50px;
		height: 50px;
	}
	.hm-sale-point .tabs-menu li a {
		background-size: 50px auto !important;
		background-position: 0px 0px;
	}
	.hm-sale-point .tabs-menu li:hover a.domain, .hm-sale-point .tabs-menu li.current a.domain {
	    background-size: 50px auto;
		background-position: 0px -61px;
	}
	.hm-sale-point .tabs-menu li a.hosting {
		background-position: 0px 5px;
	}
	.hm-sale-point .tabs-menu li:hover a.hosting, .hm-sale-point .tabs-menu li.current a.hosting {
		background-position: 0px -49px;
	}
	.hm-sale-point .tabs-menu li a.cloud {
		background-size: 47px auto !important;
	}
	.hm-sale-point .tabs-menu li:hover a.cloud, .hm-sale-point .tabs-menu li.current a.cloud {
		background-position: 0px -59px;
	}
	.hm-sale-point .tabs-menu li:hover a.server, .hm-sale-point .tabs-menu li.current a.server {
		background-position: 0px -56px;
	}
	.text-div {
		width: 100%;
		float: left;
	}
	.text-div p {
		padding:10px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.cd-see-all {
		bottom: 20px;
	}
	.cd-author img {
		width: 80px;
		height: 80px;
	}
	.social li {
    	width: 50%;
	}
	.f-signup h2 {
    	width: 100%;
	}
	.input {
		width: 80%;
	}
	.input-sel {
		width: 80%;
	}
	.f-links, .f-contact, .f-address {
    	width: 100% !important;
		text-align:center !important;
	}
	.f-address {
		background: url(../img/f-logo.png) top center no-repeat;
	}
	.f-links ul {
    	float: none !important;
	}
	/*#scroll {
    	width: 600px;
	}*/
	
	table th:nth-child(4), table td:nth-child(4), table th:nth-child(5), table td:nth-child(5) {
		display:none;
	}
	.innr-ban-text {
    	width: 90%;
		margin: 15.5% auto;
	}
	.innr-ban-text p {
		font-size: 24px;
	}
	.innr-ban-text input[type=text] {
    	width: 100%;
	}
	.innr-ban-text input[type=submit] {
		width: 40%;
		margin: 0px auto;
		float: none;
	}
	.inclde-domain ul li {
		width: 90%;
		margin-left: 3%;
		padding-left: 6%;
	}
	.special-offer {
		width: 90%;
		padding: 3% 5%;
	}
	.new-domain-box p {
		width: 94%;
		font-size: 16px;
		padding: 3%;
	}
	.new-domain-box a {
    	width: 96%;
	}
	.inclde-domain h2 {
    	font-size: 26px;
	}
	.inclde-domain p {
    	font-size: 20px;
	}
	.bot-box {
    	width: 100%;
	}
	.hosting-step li {
    	width: 97%;
	}
	
}
@media(max-width:480px) {
	#logo {
    	width: 94px;
	}
	.phone-sign {
		width: 100%;
	}
	ul.bjqs {
		height: 240px;
		margin:108px 0px 0px;
	}
	.h-sign {
		padding: 6px 136px;
	}
	.hm-search {
		width: 96%;
		padding:2%;
	}
	.hm-search input[type=text] {
		width: 72%;
	}
	.hm-search input[type=submit] {
		width: 28%;
		font-size:14px;
		padding:20px 5px;
	}
	.hm-pkge h2 {
    	font-size: 36px;
	}
	.pakge-div {
    	width: 100%;
		margin:0px;
		margin-bottom:15px;
	}
	.pakge-div .pakge-del {
    	display:none;
	}
	.why-box {
    	width: 93%;
	}
	.why-box h2 {
		margin:20px 0px;
	}
	.why-box p {
    	width: 73%;
		margin:10px 0px;
	}
	.serv-backg {
		background-color: rgba(255, 255, 255, 0.9);
	}
	.features-cont {
		padding: 20px 0 20px;
	}
	.features-cont-right {
		width: 100%;
	}
	.features-cont h2 {
		margin:20px 0px;
	}
	.tabs-menu {
		width: 82% !important;
	}
	.hm-sale-point .tabs-menu li a {
		width: 50px;
		height: 50px;
	}
	.hm-sale-point .tabs-menu li a {
		background-size: 50px auto !important;
		background-position: 0px 0px;
	}
	.hm-sale-point .tabs-menu li:hover a.domain, .hm-sale-point .tabs-menu li.current a.domain {
	    background-size: 50px auto;
		background-position: 0px -61px;
	}
	.hm-sale-point .tabs-menu li a.hosting {
		background-position: 0px 5px;
	}
	.hm-sale-point .tabs-menu li:hover a.hosting, .hm-sale-point .tabs-menu li.current a.hosting {
		background-position: 0px -49px;
	}
	.hm-sale-point .tabs-menu li a.cloud {
		background-size: 47px auto !important;
	}
	.hm-sale-point .tabs-menu li:hover a.cloud, .hm-sale-point .tabs-menu li.current a.cloud {
		background-position: 0px -59px;
	}
	.hm-sale-point .tabs-menu li:hover a.server, .hm-sale-point .tabs-menu li.current a.server {
		background-position: 0px -56px;
	}
	.text-div {
		width: 100%;
		float: left;
	}
	.text-div p {
		padding:10px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.cd-see-all {
		bottom: 20px;
	}
	.cd-author img {
		width: 80px;
		height: 80px;
	}
	.social li {
    	width: 40%;
	}
	.f-signup h2 {
    	width: 100%;
	}
	.input {
		width: 80%;
	}
	.input-sel {
		width: 80%;
	}
	.f-links, .f-contact, .f-address {
    	width: 96% !important;
		text-align:center !important;
	}
	.f-address {
		background: url(../img/f-logo.png) top center no-repeat;
	}
	.f-links ul {
    	float: none !important;
	}
	
	
	table th:nth-child(4), table td:nth-child(4), table th:nth-child(5), table td:nth-child(5) {
		display:none;
	}
	.innr-ban-text {
    	width: 90%;
		margin: 15.5% auto;
	}
	.innr-ban-text p {
		font-size: 24px;
	}
	.innr-ban-text input[type=text] {
    	width: 100%;
	}
	.innr-ban-text input[type=submit] {
		width: 40%;
		margin: 0px auto;
		float: none;
	}
	.inclde-domain ul li {
		width: 90%;
		margin-left: 3%;
		padding-left: 6%;
	}
	.special-offer {
		width: 90%;
		padding: 3% 5%;
	}
	.new-domain-box p {
		width: 94%;
		font-size: 16px;
		padding: 3%;
	}
	.new-domain-box a {
    	width: 96%;
	}
	.inclde-domain h2 {
    	font-size: 26px;
	}
	.inclde-domain p {
    	font-size: 20px;
	}
	.bot-box {
    	width: 100%;
	}
	.hosting-step li {
		width: 97%;
		padding-left: 10%;
		margin-bottom: 10px;
	}
	.choose-system p {
    	width: 100%;
	}
	.choose-system div {
		width: 50%;
	}
	#accordion-container {
		display:none;
	}
	.get-start.second {
		display:none;
	}
	table th.hosting-pakage:nth-child(4), table tbody.hosting td:nth-child(4) {
		display: block !important;
	}
	#os-linux-content table, #os-window-content table {
		width:680px !important;
		overflow:auto;
	}
	#os-linux-content, #os-window-content {
		/*width:745px !important;*/
		overflow-x:scroll;
	}
	.get-start {
    	width:645px !important;
	}
	.get-start a {
		width: 22%;
		margin: 0px 4px;
	}
	table th.server-th:nth-child(4), table.server tbody td:nth-child(4), table th.server-th:nth-child(5), table.server tbody td:nth-child(5) {
		display: block !important;
	}
	td.server-title {
		width: 18% !important;
		font-size: 14px !important;
	}
	table.server td {
		font-size: 13px;
	}
	.server-th.fl {
		width: 18%;
	}
	.price-regular {
		font-size: 24px;
	}
}
@media(max-width:479px) and (min-width:320px) {
	#logo {
    	width: 94px;
	}
	.h-sign {
		padding: 1% 23%;
	}
	#banner {
		display:none;
	}
	#serh-pakge {
		margin-top: 108px;
	}
	.hm-search h2 {
		font-size: 24px;
		margin-bottom:10px;
	}
	.hm-search input[type=text] {
		width:100%;
		padding: 10px;
	}
	.hm-search input[type=submit] {
		width: 45%;
		padding: 10px 5px;
	}
	.hm-pkge {
		padding: 0px 5px;
	}
	.hm-pkge h2 {
		font-size: 24px;
		margin-bottom:0px;
	}
	.hm-pkge p {
		font-size: 14px;
		line-height: 20px;
	}
	.pakge-hold {
		padding: 15px 0px;
	}
	.ico-div {
		width: 80px;
		height: 80px;
		line-height:44px;
	}
	.ico-div img {
		height: auto !important;
		max-height: 36px;
		width: auto !important;
		max-width: 50px;
	}
	.why-box p {
		width: 67%;
	}
	.hm-services {
    	display:none;
	}
	.hm-sale-point {
		display:none;
	}
	.cd-author img {
		width: 70px;
		height: 70px;
	}
	.f-signup {
		padding: 5% 2%;
	}
	.f-signup h2 {
		font-size: 20px;
		line-height: 24px !important;
		margin-bottom: 10px;
		text-align: center;
	}
	.input, .input-sel {
		width:100%;
		padding: 10px 10px;
		margin-bottom:10px;
	}
	.f-signup input[type=submit] {
		width: 35%;
		float: none;
		margin: 0px auto;
		padding: 10px 20px;
	}
	.domain-text h2 {
		font-size:20px;
	}
	.inclde-domain ul li {
		width: 90%;
		margin-left: 3%;
		padding-left: 8%;
	}
	#tabs-container {
    	width: 98%;
	}
	table th:nth-child(1) {
		width:80px;
	}
	table th, table td {
    	padding: 10px 2px;
	}
	.innr-ban-text.bot {
		width: 81%;
		margin-top: 13%;
		margin-left: 3%;
	}
	.innr-ban-text.bot h2 {
		line-height: 24px;
	}
	.innr-ban-text.bot h2 span {
    	font-size: 18px;
	}
	.innr-ban-text input[type=submit] {
    	width: 50%;
	}
}
@media(max-width:320px) {
	#logo {
    	width: 94px;
	}
	.h-sign {
		padding: 6px 56px;
	}
	#banner {
		display:none;
	}
	#serh-pakge {
		margin-top: 108px;
	}
	.hm-search h2 {
		font-size: 24px;
		margin-bottom:10px;
	}
	.hm-search input[type=text] {
		width:100%;
		padding: 10px;
	}
	.hm-search input[type=submit] {
		width: 45%;
		padding: 10px 5px;
	}
	.hm-pkge {
		padding: 0px 5px;
	}
	.hm-pkge h2 {
		font-size: 24px;
		margin-bottom:0px;
	}
	.hm-pkge p {
		font-size: 14px;
		line-height: 20px;
	}
	.pakge-hold {
		padding: 15px 0px;
	}
	.ico-div {
		width: 80px;
		height: 80px;
		line-height:44px;
	}
	.ico-div img {
		height: auto !important;
		max-height: 36px;
		width: auto !important;
		max-width: 50px;
	}
	.why-box p {
		width: 67%;
	}
	.hm-services {
    	display:none;
	}
	.hm-sale-point {
		display:none;
	}
	.cd-author img {
		width: 70px;
		height: 70px;
	}
	.f-signup {
		padding: 5% 2%;
	}
	.f-signup h2 {
		font-size: 20px;
		line-height: 24px !important;
		margin-bottom: 10px;
		text-align: center;
	}
	.input, .input-sel {
		width:100%;
		padding: 10px 10px;
		margin-bottom:10px;
	}
	.f-signup input[type=submit] {
		width: 35%;
		float: none;
		margin: 0px auto;
		padding: 10px 20px;
	}
}
