.postid-1432 .blog-content-single .litespeed-loaded {
	height: 350px;
}

#owl-domain,
#owl-jtl,
#owl-popular {
	display: none
}

.testimonials_box .thumb {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	float: left;
	margin-right: 5%;
	overflow: hidden;
}

.testi-inner h6 {
	font-family: Raleway;
	font-weight: 600;
	color: #24b0d1;
	font-size: 24px;
	line-height: 40px;
	text-decoration: none;
}

.testi-inner span i {
	color: #e7711b;
}

.wp-google-url {
	margin-top: 45px !important;
}

.owl_testimonials .testimonials_box img{width: auto;} 

@media screen and (min-width:2850px) {
	.banner::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1188px!important;
		background: url(../images/cave_banner_test.png) 50% 50% no-repeat;
		background-size: cover;
		bottom: 0
	}
	iframe,
	img {
		max-width: 100%;
		height: auto
	}
}

@media screen and (min-width:1921px) {
	iframe,
	img {
		max-width: 100%;
		height: auto
	}
	.banner::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 958px;
		background: url(../images/cave_banner_test.png) 50% 50% no-repeat;
		background-size: contain;
		bottom: 0;
		background-position: bottom
	}
	.inner-banner {
		height: 1000px
	}
	.inner-banner::before {
		height: 563px
	}
}

@media screen and (max-width:1920px) {
	iframe,
	img {
		max-width: 100%;
		height: auto
	}
	body {
		overflow-x: hidden
	}
}

@media screen and (max-width:1700px) {
	.banner .wrapper {
		top: 318px
	}
	.banner .wrapper {
		left: 40px
	}
}

@media screen and (max-width:1680px) {
	.banner::before {
		background: url(../images/cave_banner_test.png) 15% 50% no-repeat
	}
	.inner-banner-content .in-ban-lft {
		width: 37%
	}
	.inner-banner {
		height: 757px
	}
	.inner-banner::before {
		background: url(../images/inner-banner-carv.png) 1% 50% no-repeat;
		height: 364px
	}
	.innr-bannerv2 .inner-banner-content {
		top: 250px
	}
}

@media screen and (max-width:1600px) {
	.banner h1,
	.banner h2 {
		font-size: 48px;
		line-height: 69px
	}
	.innr-bannerv2 .inner-banner-content {
		top: 220px
	}
}

@media screen and (max-width:1500px) {
	.site-header {
		padding: 17px 0
	}
	.banner .wrapper,
	.site-header .wrapper {
		width: 95%
	}
	.banner::before {
		background: url(../images/cave_banner_test.png) 10% 50% no-repeat
	}
	.m-menu-box p,
	.mga_menu.m-web .m-menu-box ul li a {
		font-size: 15px;
		line-height: 23px
	}
	.mga_menu.cloud .m-menu-left .m-menu-box {
		width: 45.9%;
		min-height: 463px
	}
	.mga_menu.cloud .m-menu-right .m-menu-box {
		width: 45.9%;
		min-height: 217px
	}
	.mga_menu.cloud .m-menu-right .m-menu-box p {
		width: 67.1%
	}
	.mga_menu.m-web .m-menu-left .m-menu-box {
		width: 45.9%
	}
	.mga_menu.m-web .m-menu-right .m-menu-box {
		width: 45.9%;
		min-height: 260px
	}
	.mga_menu.e-mail .m-menu-box,
	.mga_menu.m-service .m-menu-box {
		width: 47.9%;
		min-height: 265px
	}
	.mga_menu.cloud::before {
		left: 33.9%
	}
	.mga_menu.m-web::before {
		left: 43%
	}
	.mga_menu.e-mail::before {
		left: 55.7%
	}
	.mga_menu.m-service::before {
		left: 72%
	}
	.m-menu-box h4 {
		font-size: 20px;
		line-height: 24px
	}
	.inner-banner-content .in-ban-lft {
		width: 37%
	}
	.inner-banner-content .in-ban-rgt {
		padding-top: 75px
	}
	.bread-cum-header {
		top: 96px
	}
	.inner-banner .banner-img {
		height: 780px
	}
	.innr-bannerv2 .inner-banner-content .in-ban-rgt {
		background: rgba(255, 255, 255, .6);
		padding: 0 10px
	}
}

@media screen and (max-width:1460px) {
	.owl_testimonials .owl-nav button.owl-next {
		right: -40px
	}
	.owl_testimonials .owl-nav button.owl-prev {
		left: -40px
	}
	.site-header .logo {
		width: 270px
	}
	.site-header {
		padding: 23px 0
	}
	.main-navigation {
		padding: 0
	}
	.main-navigation nav ul li a {
		font-size: 16px;
		line-height: 20px
	}
	.mga_menu.cloud::before {
		left: 36.5%
	}
	.mga_menu.m-web::before {
		left: 45%
	}
	.mga_menu.e-mail::before {
		left: 56.4%
	}
	.mga_menu.m-service::before {
		left: 71.5%
	}
	.mga_menu.cloud .m-menu-left .m-menu-box {
		width: 45.7%;
		min-height: 463px
	}
	.mga_menu.cloud .m-menu-right .m-menu-box {
		width: 45.7%;
		min-height: 217px
	}
	.mga_menu.m-web .m-menu-left .m-menu-box {
		width: 45.7%;
		min-height: 569px
	}
	.mga_menu.m-web .m-menu-right .m-menu-box {
		width: 45.7%;
		min-height: 258px
	}
	.mga_menu.m-web .m-menu-right .m-menu-box .bx-rgt {
		width: 58%
	}
	.mga_menu.cloud .m-menu-right .m-menu-box p {
		width: 65%
	}
	.mga_menu.m-web .m-menu-right .m-menu-box:first-child {
		width: 95.6%;
		min-height: 284px
	}
	.bread-cum-header a {
		font-size: 16px;
		line-height: 20px
	}
}

@media screen and (max-width:1440px) {
	.mga_menu.cloud .m-menu-right .m-menu-box p {
		width: 64%
	}
	.mga_menu.m-web .m-menu-right .m-menu-box .bx-rgt {
		width: 58%
	}
	.innr-bannerv2 .inner-banner-content {
		top: 195px
	}
}

@media screen and (max-width:1400px) {
	.user-actions ul li a {
		margin-left: 13px
	}
	.main-navigation nav ul li {
		padding: 0 13px
	}
	.owl_testimonials .owl-nav button.owl-prev {
		left: -1%
	}
	.owl_testimonials .owl-nav button.owl-next {
		right: -1%
	}
	.section.kb_testimonials {
		padding: 130px 0 80px
	}
	.owl_testimonials .owl-nav button {
		-webkit-box-shadow: 0 0 24px 1px rgba(0, 0, 0, .19);
		box-shadow: 0 0 24px 1px rgba(0, 0, 0, .19)
	}
	.mga_menu.cloud::before {
		left: 36.8%
	}
	.mga_menu.m-web::before {
		left: 45.5%
	}
	.mga_menu.e-mail::before {
		left: 56.9%
	}
	.mga_menu.m-service::before {
		left: 71.8%
	}
	.m-menu-box p,
	.mga_menu.m-web .m-menu-box ul li a {
		font-size: 14px;
		line-height: 23px
	}
	.m-menu-box h4 {
		font-size: 18px;
		line-height: 23px
	}
	.mga_menu.cloud .m-menu-left .m-menu-box {
		width: 45.5%
	}
	.mga_menu.cloud .m-menu-right .m-menu-box {
		width: 45.5%
	}
	.mga_menu.m-web .m-menu-left .m-menu-box {
		width: 45.5%
	}
	.mga_menu.m-web .m-menu-right .m-menu-box {
		width: 45.5%;
		min-height: 258px
	}
	.mga_menu.e-mail .m-menu-box,
	.mga_menu.m-service .m-menu-box {
		width: 47.7%
	}
	.mga_menu.cloud .m-menu-right .m-menu-box img,
	.mga_menu.m-web .m-menu-right .m-menu-box img {
		height: auto;
		width: 65px
	}
	.mga_menu.m-web .m-menu-right .m-menu-box:first-child img {
		width: 200px
	}
	.inner-banner .banner-img {
		height: 700px
	}
	.inner-banner-content .in-ban-lft {
		width: 34%;
		margin-left: 3%
	}
	.about-jtl-cloud {
		padding-bottom: 50px
	}
	.collaps-headt {
		padding: 20px 25px 20px 20px
	}
	.collaps-headt h4 {
		font-size: 23px;
		line-height: 23px
	}
	.cluod-hosting {
		padding-bottom: 85px
	}
	.package_box .buy-btn {
		width: 170px
	}
	.inner-banner {
		height: 700px
	}
}

@media screen and (max-width:1280px) {
.switch-bar .col-right {
		width: 38%;
	}
	.wrapper {
		width: 95%
	}
	h2 {
		font-size: 40px;
		line-height: 44px
	}
	.banner .wrapper {
		top: 190px
	}
	.banner h1 br,
	.banner h2 br {
		display: none
	}
	.banner h1,
	.banner h2 {
		font-size: 45px;
		line-height: 58px;
		width: 51%
	}
	.wedo-box {
		padding: 50px 10px 46px 10px;
		min-height: 435px
	}
	.wedo-box img {
		width: 120px
	}
	.wedo-box h3 {
		font-size: 27px;
		line-height: 31px;
		margin-top: 30px
	}
	.section.popular-products {
		padding: 170px 0 40px
	}
	.btnPrice {
		padding: 30px 0 0
	}
	.buy-btn {
		font-size: 15px;
		line-height: 18px;
		padding: 10px 22px
	}
	.btnPrice .price {
		font-size: 24px;
		line-height: 20px
	}
	.result-box {
		padding: 20px 17px
	}
	.result-details .rate span {
		font-size: 35px;
		line-height: 58px
	}
	.result-details p {
		font-size: 17px;
		line-height: 26px
	}
	.popular-product.kb_domain.kb_domain {
		padding-bottom: 95px
	}
	.section.our_benifits {
		padding: 120px 0 160px 0
	}
	.jtl_bottom_box {
		padding: 34px
	}
	.mga_menu.cloud::before {
		left: 32.5%
	}
	.mga_menu.m-web::before {
		left: 41.5%
	}
	.mga_menu.e-mail::before {
		left: 54%
	}
	.mga_menu.m-service::before {
		left: 70%
	}
	.mga_menu.e-mail .m-menu-box,
	.mga_menu.m-service .m-menu-box {
		width: 47.5%
	}
	.mga_menu.cloud .m-menu-right .m-menu-box {
		width: 45.2%;
		min-height: 214px
	}
	.mga_menu.cloud .m-menu-left .m-menu-box {
		width: 45.2%;
		min-height: 456px
	}
	.mga_menu.m-web .m-menu-left .m-menu-box {
		width: 45.2%;
		min-height: 566px
	}
	.mga_menu.m-web .m-menu-right .m-menu-box {
		width: 45.2%;
		min-height: 255px
	}
	.mga_menu.m-web .m-menu-box ul li::after {
		right: 0;
		top: 25%;
		font-size: 18px
	}
	.technology-service {
		padding: 60px 0 60px 0
	}
	.tech-ser-left {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 575px
	}
	.tech-ser-rgt {
		padding-top: 40px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 655px
	}
	.cluod-hosting {
		padding-bottom: 45px;
		padding-top: 90px
	}
	.section.cloud-package {
		padding-bottom: 65px
	}
	.table-package .package_box .free {
		font-size: 13px;
		line-height: 13px
	}
	.technology-service h3 {
		text-align: center
	}
	.p-inn-box {
		font-size: 15px;
		line-height: 23px
	}
	.server-packages {
		padding: 125px 0 70px 0
	}
	.inner-banner .banner-img {
		height: 640px
	}
	.inner-banner-content .in-ban-lft {
		width: 31%
	}
	.inner-banner-content .in-ban-rgt {
		padding-top: 35px
	}
	.inner-banner {
		height: 630px
	}
	.inner-txt p {
		font-size: 22px
	}
	.innr-bannerv2 .banner h1 {
		font-size: 40px;
		line-height: 48px
	}
	.banner.innr-bannerv2 .wrapper {
		width: 95%
	}
	.innr-bannerv2 .inner-banner-content h5 {
		font-size: 20px;
		line-height: 25px
	}
}

@media screen and (max-width:1170px) {
	.banner h1,
	.banner h2 {
		font-size: 40px;
		line-height: 50px
	}
	.user-actions ul li a {
		padding: 0;
		border-radius: 50%;
		line-height: 44px;
		height: 44px;
		width: 44px;
		text-align: center;
		vertical-align: top
	}
	.user-actions ul li a b {
		display: none
	}
	.user-actions ul li a span {
		margin-right: 0;
		vertical-align: top
	}
	.user-actions ul li .cart-btn {
		padding-top: 9px
	}
	.user-actions ul li .login-btn {
		padding: 8px 0 0 2px!important
	}
	.user-actions ul li .help-btn {
		padding-top: 9px
	}
	.benifit_cercil .benifit_center {
		width: 270px
	}
	.benifit_cercil {
		width: 485px;
		height: 485px
	}
	.circel_box .circel_content h6 {
		font-size: 19px;
		line-height: 25px
	}
	.circel_box .circel_content p {
		font-size: 17px;
		line-height: 27px
	}
	.jtl_bottom_box img {
		width: 85px;
		margin-right: 20px
	}
	.jtl_bottom_box .inner_content {
		width: 77%
	}
	.inner_content p br {
		display: none
	}
	.jtl_bottom_box {
		padding: 34px;
		min-height: 190px
	}
	.testi-inner {
		width: 75%;
		height: 320px
	}
	.testi-inner a {
		display: block
	}
	.main-navigation nav ul li {
		padding: 0 17px
	}
	.wedo-box p {
		font-size: 17px;
		line-height: 27px
	}
	.mga_menu.cloud::before {
		left: 40.2%
	}
	.mga_menu.m-web::before {
		left: 50.5%
	}
	.mga_menu.e-mail::before {
		left: 65%
	}
	.mga_menu.m-service::before {
		left: 83.8%
	}
	.m-menu-box {
		margin: 9px
	}
	.m-menu-box h4 {
		font-size: 16px;
		line-height: 20px
	}
	.m-menu-box p,
	.mga_menu.m-web .m-menu-box ul li a {
		font-size: 14px;
		line-height: 22px
	}
	.mga_menu.cloud .m-menu-left .m-menu-box {
		width: 46.6%;
		min-height: 456px
	}
	.mga_menu.cloud .m-menu-right .m-menu-box {
		width: 46.6%;
		min-height: 219px
	}
	.mga_menu.cloud .m-menu-right .m-menu-box img,
	.mga_menu.m-web .m-menu-right .m-menu-box img {
		height: auto;
		width: 60px
	}
	.mga_menu.m-web .m-menu-left .m-menu-box {
		width: 46.6%;
		min-height: 554px
	}
	.mga_menu.m-web .m-menu-right .m-menu-box:first-child {
		width: 96.5%
	}
	.mga_menu.m-web .m-menu-right .m-menu-box {
		width: 46.6%;
		min-height: 252px
	}
	.mga_menu.e-mail .m-menu-box,
	.mga_menu.m-service .m-menu-box {
		width: 48%
	}
	.mga_menu.e-mail .m-menu-box img,
	.mga_menu.m-service .m-menu-box img {
		width: 130px
	}
	.mga_menu.e-mail .m-menu-box .bx-rgt,
	.mga_menu.m-service .m-menu-box .bx-rgt {
		width: 66%
	}
	.mga_menu.m-web .m-menu-box ul li a img {
		width: 26px
	}
	.mga_menu.m-web .m-menu-box ul li::after {
		right: 0;
		top: 30%;
		font-size: 18px
	}
	.hosting-box p {
		font-size: 16px;
		line-height: 30px
	}
	.wedo-box {
		min-height: 555px
	}
	.wawi-text {
		width: 60%
	}
	.bar:nth-child(1) {
		width: 70%!important
	}
	.bar:nth-child(2) {
		width: 95%!important
	}
	.bar:nth-child(4),
	.bar:nth-child(6) {
		width: 100%!important
	}
	.submenu td .tooltip {
		width: 300px
	}
	.innr-bannerv2 .inner-banner-content {
		top: 175px
	}
	.common-template {
		padding-top: 130px
	}
}

@media screen and (max-width:1024px) {
.switch-bar .col-left{     padding: 8px 0 0; }	
.switch-bar .col-left p {font-size: 17px;}
.can-toggle label .can-toggle__switch {flex: 0 0 355px;}
.switch-bar .col-left p {font-size: 19px; }
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch::after {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
}
.can-toggle label .can-toggle__switch::before {width: 150px;}

.can-toggle label .can-toggle__switch::after, .can-toggle label .can-toggle__switch::before{ font-size: 12px !important; }

	.common-template {
		padding-bottom: 2em
	}
	.bar-text {
		font-size: 16px
	}
	.site-header .logo {
		width: 210px
	}
	.site-header.fixed .logo {
		width: 200px
	}
	.we-do-inner {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: space-between;
		display: flex;
		flex-wrap: wrap
	}
	.products-box {
		padding: 30px 20px
	}
	.popular-products-inner ul li {
		width: 33.33%;
		padding: 0 15px;
		margin-bottom: 27px
	}
	.search-result-inner ul li {
		width: 50%;
		margin-bottom: 35px
	}
	.jtl_bottom_box {
		padding: 25px
	}
	.jtl_bottom_box .inner_content {
		width: 75%
	}
	.owl_partner .owl-nav button {
		width: 45px;
		height: 45px;
		background: 0 0;
		margin: 0!important;
		border-radius: 0!important;
		position: relative;
		border-radius: 50%!important;
		background: #fff!important;
		transition: all ease .5s;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		box-shadow: 0 0 24px 1px rgba(0, 0, 0, .08);
		-webkit-box-shadow: 0 0 24px 1px rgba(0, 0, 0, .08);
		margin: 0 7px!important
	}
	.owl_partner .owl-nav button span {
		color: #fff;
		font-size: 25px;
		line-height: 12px
	}
	.owl_partner .owl-nav button.owl-prev::before {
		content: '';
		width: 10px;
		height: 18px;
		background: url(../images/rgt-arrow.png) no-repeat;
		position: absolute;
		top: 13px;
		left: 16px
	}
	.owl_partner .owl-nav button.owl-next::before {
		content: '';
		width: 10px;
		height: 18px;
		background: url(../images/lft-arrow.png) no-repeat;
		position: absolute;
		top: 13px;
		left: 19px
	}
	.owl_partner .owl-nav button:hover {
		background: #f89629!important
	}
	.banner h1,
	.banner h2 {
		font-size: 35px;
		line-height: 45px
	}
	.site-btn {
		font-size: 20px;
		line-height: 20px;
		width: 280px
	}
	.jtl_lft a {
		font-size: 20px;
		line-height: 20px;
		width: 180px
	}
	.footer_box.quick_link ul li {
		width: 50%
	}
	.circel_box .circel_img_box {
		width: 70px;
		height: 70px
	}
	.circel_box .circel_img_box div.a {
		width: 70px;
		height: 70px
	}
	.benifit_cercil {
		width: 390px;
		height: 390px
	}
	.a-container {
		width:80%;
		height: 80%;
		background-color: black;
		display: flex;
	}
	.circel_box {
		width: 360px
	}
	.circel_box.circel_box_1 {
		top: -100px
	}
	.circel_box.circel_box_2 {
		right: -279px;
		top: 41px
	}
	.circel_box.circel_box_3 {
		right: -282px;
		bottom: 0
	}
	.circel_box.circel_box_4 {
		bottom: -166px;
		min-height: 210px
	}
	.circel_box.circel_box_5 {
		bottom: 0;
		left: -290px
	}
	.circel_box.circel_box_6 {
		top: 41px;
		left: -292px
	}
	.circel_box.circel_box_2 .circel_content,
	.circel_box.circel_box_3 .circel_content {
		width: 72%;
		margin-top: 25px
	}
	.circel_box.circel_box_5 .circel_content,
	.circel_box.circel_box_6 .circel_content {
		width: 73%
	}
	.circel_box.circel_box_1 .circel_img_box div.a {
		background: url(../images/all_png_image.png) no-repeat -2px -2px;
		background-size: 510px auto;


	}
	.circel_box.circel_box_1 .circel_img_box div.a:hover {
		background: url(../images/all_png_image.png) no-repeat -2px -74px;
		background-size: 510px auto;
	}
	.circel_box.circel_box_2 .circel_img_box div.a {
		background: url(../images/all_png_image.png) no-repeat -72px -3px;
		background-size: 510px auto;
	}
	.circel_box.circel_box_2 .circel_img_box div.a:hover {
		background: url(../images/all_png_image.png) no-repeat -72px -76px;
		background-size: 510px auto;
	}
	.circel_box.circel_box_3 .circel_img_box div.a {
		background: url(../images/all_png_image.png) no-repeat -145px -5px;
		background-size: 510px auto;
	}
	.circel_box.circel_box_3 .circel_img_box div.a:hover {
		background: url(../images/all_png_image.png) no-repeat -145px -78px;
		background-size: 510px auto;
	}
	.circel_box.circel_box_4 .circel_img_box div.a {
		background: url(../images/all_png_image.png) no-repeat -238px -3px;
		background-size: 540px auto;
	}
	.circel_box.circel_box_4 .circel_img_box div.a:hover {
		background: url(../images/all_png_image.png) no-repeat -238px -80px;
		background-size: 540px auto;
	}
	.circel_box.circel_box_5 .circel_img_box div.a {
		background: url(../images/all_png_image.png) no-repeat -335px -8px;
		background-size: 580px auto;
	}
	.circel_box.circel_box_5 .circel_img_box div.a:hover {
		background: url(../images/all_png_image.png) no-repeat -335px -91px;
		background-size: 580px auto;
	}
	.circel_box.circel_box_6 .circel_img_box div.a {
		background: url(../images/all_png_image.png) no-repeat -340px -0px;
		background-size: 480px auto;
	}
	.circel_box.circel_box_6 .circel_img_box div.a:hover {
		background: url(../images/all_png_image.png) no-repeat -340px -68px;
		background-size: 480px auto;
	}
	.we-do-inner.owl-carousel .item {
		padding: 20px 13px
	}
	.wedo-box h3 {
		font-size: 25px;
		line-height: 29px
	}
	.we-do-inner.owl-carousel .owl-item img {
		width: 120px
	}
	.mga_menu.cloud .m-menu-left .m-menu-box {
		min-height: 452px;
		width: 46.4%
	}
	.mga_menu.m-web .m-menu-right .m-menu-box:nth-child(1) {
		min-height: 234px
	}
	.mga_menu.cloud::before {
		left: 31.7%
	}
	.mga_menu.m-web::before {
		left: 44%
	}
	.mga_menu.e-mail::before {
		left: 59.9%
	}
	.mga_menu.m-service::before {
		left: 81.5%
	}
	.mga_menu {
		padding: 8px 8px 30px 8px
	}
	.m-menu-box {
		margin: 8px
	}
	.m-menu-box h4 {
		font-size: 14px;
		line-height: 19px
	}
	.mga_menu.m-web .m-menu-box ul li {
		padding: 0 4px
	}
	.m-menu-box p,
	.mga_menu.m-web .m-menu-box ul li a {
		font-size: 12px;
		line-height: 20px
	}
	.mga_menu.m-web .m-menu-right .m-menu-box:first-child img {
		width: 160px
	}
	.mga_menu.m-web .m-menu-right .m-menu-box p {
		width: 64%
	}
	.mga_menu.m-web .m-menu-right .m-menu-box {
		width: 46.4%;
		min-height: 261px
	}
	.mga_menu.m-web .m-menu-left .m-menu-box {
		width: 46.4%;
		min-height: 535px
	}
	.mga_menu.cloud .m-menu-right .m-menu-box p {
		width: 59.6%
	}
	.mga_menu.cloud .m-menu-right .m-menu-box {
		width: 46.4%;
		min-height: 218px
	}
	.mga_menu.e-mail .m-menu-box,
	.mga_menu.m-service .m-menu-box {
		min-height: 240px
	}
	.btnPrice .price {
		font-size: 20px;
		line-height: 17px
	}
	.inner-banner-content h1,
	.inner-banner-content h2 {
		font-size: 36px;
		line-height: 40px
	}
	.inner-banner {
		height: 550px
	}
	.inner-banner-content .in-ban-rgt {
		padding-top: 40px
	}
	.inner-banner-content h5 {
		font-size: 21px;
		line-height: 26px
	}
	.inner-banner .banner-img {
		height: 540px
	}
	.inner-banner-content {
		top: 190px
	}
	.inner-banner-content .in-ban-lft {
		width: 32%;
		margin-left: 5%
	}
	.product-consult h4 {
		font-size: 26px;
		line-height: 44px
	}
	.package_box ul li {
		font-size: 15px;
		line-height: 23px;
		padding: 15px 5px
	}
	.package_box .package-top h5 {
		font-size: 36px;
		line-height: 36px;
		margin-top: 10px;
		margin-bottom: 10px
	}
	.package_box .package-top span {
		font-size: 25px;
		line-height: 25px
	}
	.hosting-box h6 {
		font-size: 20px;
		line-height: 27px
	}
	.hosting-box {
		padding: 45px 30px
	}
	.table-package .package_box .package-top span {
		font-size: 17px;
		line-height: 17px
	}
	.table-package .package_box .package-top h5 {
		font-size: 20px;
		line-height: 20px
	}
	.table-package .package_box .package-top h5 small {
		font-size: 15px;
		line-height: 15px
	}
	.package_box .package-top p {
		font-size: 15px;
		line-height: 15px
	}
	.package_box .buy-btn {
		width: 90%;
		font-size: 15px;
		line-height: 15px
	}
	.collaps-headt {
		padding: 15px 25px 15px 20px
	}
	.collaps-headt h4 {
		font-size: 20px;
		line-height: 20px
	}
	.collaps-headt span {
		width: 25px;
		height: 25px;
		border-radius: 50%
	}
	.collaps-headt span::before {
		font-size: 20px;
		margin-left: 0
	}
	.table-package .package_box .free {
		font-size: 12px;
		line-height: 18px;
		width: 90%;
		margin-left: auto;
		margin-right: auto
	}
	.hosting-box {
		min-height: 626px
	}
	.inner-txt p {
		font-size: 20px;
		line-height: 40px
	}
	.wawi-img img {
		padding-right: 60px
	}
	.wawi-section:nth-child(2n+2) .wawi-img img {
		padding-left: 0
	}
	.bar:nth-child(3) {
		width: 60%!important
	}
	.details.section p {
		padding-bottom: 40px;
		font-size: 19px;
		line-height: 45px
	}
	.details {
		padding: 90px 0 90px 0
	}
	#common-banner h1 span {
		font-size: 36px!important;
		line-height: 56px!important;
		display: block
	}
	.wawi-text {
		width: 64%
	}
	.mob {
		display: block
	}
	.desk,
	.m-568 {
		display: none
	}
	#common-banner h1 {
		color: #fff;
		text-shadow: 4px 1px 2px rgba(0, 0, 0, .65);
		font-size: 48px
	}
	.innr-bannerv2 .inner-banner-content {
		top: 235px
	}
	.innr-bannerv2 .inner-banner-content .in-ban-rgt {
		padding: 10px
	}
	.common-template p {
		font-size: 16px;
		line-height: 27px
	}
	.blog .common-template {
		padding-top: 150px
	}
	.common-template h2 {
		font-size: 1.8em;
		padding-bottom: 17px
	}
	.blog-content h2 {
		font-size: 1.2em;
		padding-top: 10px;
		padding-bottom: 0
	}
	.blog-recent,
	.bold-cat {
		padding: 30px 20px 10px 20px
	}
	.blog-content-single h4 {
		font-size: 30px;
		line-height: 35px;
		font-weight: 600;
		margin-bottom: 15px
	}
}

@media screen and (min-width:800px) {
	.server-packages-arae.for-mobile {
		display: none
	}
}

@media screen and (max-width:800px) {
	#owl-domain,
	#owl-jtl,
	#owl-popular {
		display: block
	}
	.main-navigation nav>ul li a::after {
		display: none
	}
	.server-packages-arae.for-desk {
		display: none
	}
	.link.active+.submenu {
		display: block
	}
	.blog-loop {
		padding-bottom: 0
	}
	.blog-recent,
	.bold-cat {
		padding: 30px 30px 10px 30px
	}
	.switch-bar .col-right {margin-top: 20px;width:100%;}
	.switch-bar .col-left{ width:100%;}
	.switch-bar .col-left p {text-align: center;}
	.can-toggle label{justify-content: center;}
}

@media screen and (max-width:768px) {
	.owl-popular .item {
		padding: 0 6px
	}
	.section.popular-product::before {
		border-top: 30px solid #ffffff
	}
	.blog footer::before,
	.category footer::before,
	.single footer::before {
		border-top: 30px solid #fcfcfc!important
	}
	.section.our_benifits::before,
	.section.popular-products::before {
		border-top: 30px solid #f6f6f6!important
	}
	.page-id-1290 .section.popular-products::before {
		border-top: 30px solid #f6f6f6!important
	}
	.section.our_benifits::after {
		border-bottom: 30px solid #fff
	}
	.section.kb_testimonials::before {
		border-top: 30px solid #fff
	}
	.section.kb_our_partner::before {
		border-top: 30px solid #f5f5f5
	}
	footer::before {
		border-top: 30px solid #fff
	}
	.section.kb_our_partner {
		padding: 70px 0
	}
	.banner .slider-banner1 {
		display: none
	}
	.banner .slider-banner2 {
		display: block
	}
	.section.kb_testimonials {
		padding: 70px 0 80px
	}
	.wrapper {
		width: 90%
	}
	.banner .wrapper,
	.site-header .wrapper {
		width: 90%
	}
	.main-navigation nav {
		display: block;
		position: fixed;
		width: 100%;
		left: -100%;
		top: 0;
		height: 100vh;
		background: rgba(0, 0, 20, .4);
		z-index: 9;
		transition: all ease-in-out .3s;
		-webkit-transition: all ease-in-out .3s;
		-moz-transition: all ease-in-out .3s
	}
	.main-navigation nav.nav-close {
		left: 0
	}
	.main-navigation nav ul {
		width: 70%;
		background: #23afd1;
		position: absolute;
		top: 0;
		left: 0;
		height: 100vh;
		overflow: scroll;
		padding-top: 100px;
		padding-left: 50px;
		padding-right: 20px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition: all ease-in-out .3s;
		-webkit-transition: all ease-in-out .3s;
		-moz-transition: all ease-in-out .3s
	}
	.site-btn span {
		padding: 13px 0
	}
	.main-navigation nav ul li {
		padding: 0;
		display: block
	}
	.main-navigation nav ul li:last-child {
		margin-bottom: 25px
	}
	.main-navigation nav ul li a {
		color: #fff;
		display: block;
		font-size: 20px;
		line-height: 47px;
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .5)
	}
	.main-navigation nav ul li:nth-child(4) a::before {
		display: none
	}
	.main-navigation nav ul li:last-child a {
		border-bottom: none
	}
	.user-actions ul li .humer_menu {
		cursor: pointer;
		border: 2px solid #193d4a;
		border-radius: 50%;
		border-radius: 50%;
		padding: 6px 0 0 1px!important;
		position: relative;
		z-index: 99;
		display: block!important
	}
	.user-actions ul li .humer_menu.hm-close {
		border: 2px solid #f89328!important;
		padding: 10px 0 0 1px!important;
		background: #f89328
	}
	.user-actions ul li .humer_menu span {
		background: url(../images/noun_menu_2664594.svg) no-repeat center center;
		background-size: contain;
		width: 33px;
		height: 28px
	}
	.user-actions ul li .humer_menu.hm-close span {
		background: url(../images/close-menu.png) no-repeat center center;
		background-size: contain;
		width: 20px;
		height: 18px
	}
	.search-doamin {
		width: 100%;
		margin: 0 auto 32px
	}
	.banner .wrapper {
		top: 130px;
		left: 40px
	}
	.banner h1,
	.banner h2 {
		font-size: 26px;
		line-height: 33px;
		width: 57%
	}
	h2 {
		font-size: 30px;
		line-height: 34px
	}
	.wedo-box {
		padding: 50px 20px 46px 20px;
		min-height: 435px
	}
	.we-do-inner .wedo-box img {
		width: 120px;
		margin: 0 auto
	}
	.wedo-box h3 {
		font-size: 22px;
		line-height: 27px
	}
	#owl-domain .owl-nav button,
	#owl-jtl .owl-nav button,
	#owl-popular .owl-nav button,
	.owl-server-packages-2 button,
	.owl_package button,
	.regular .slick-next,
	.regular .slick-prev,
	.we-do-inner .owl-nav button {
		width: 45px;
		height: 45px;
		background: 0 0;
		margin: 0!important;
		border-radius: 0!important;
		position: relative;
		border-radius: 50%!important;
		background: #fff!important;
		transition: all ease .5s;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		box-shadow: 0 0 24px 1px rgba(0, 0, 0, .08);
		-webkit-box-shadow: 0 0 24px 1px rgba(0, 0, 0, .08);
		margin: 0 7px!important
	}
	#owl-benifits .owl-nav button span,
	#owl-domain .owl-nav button span,
	#owl-jtl .owl-nav button span,
	#owl-popular .owl-nav button span,
	.owl-server-packages-2 button span,
	.owl_package button span,
	.we-do-inner .owl-nav button span {
		color: #fff;
		font-size: 25px;
		line-height: 12px
	}
	#owl-benifits .owl-nav button.owl-prev::before,
	#owl-domain .owl-nav button.owl-prev::before,
	#owl-jtl .owl-nav button.owl-prev::before,
	#owl-popular .owl-nav button.owl-prev::before,
	.owl-server-packages-2 button.owl-prev::before,
	.owl_package button.owl-prev::before,
	.regular .slick-next::before,
	.regular .slick-prev::before,
	.we-do-inner .owl-nav button.owl-prev::before {
		content: '';
		width: 10px;
		height: 18px;
		background: url(../images/rgt-arrow.png) no-repeat;
		position: absolute;
		top: 13px;
		left: 16px
	}
	#owl-benifits .owl-nav button.owl-next::before,
	#owl-domain .owl-nav button.owl-next::before,
	#owl-jtl .owl-nav button.owl-next::before,
	#owl-popular .owl-nav button.owl-next::before,
	.owl-server-packages-2 button.owl-next::before,
	.owl_package button.owl-next::before,
	.regular .slick-next::before,
	.regular .slick-prev::before,
	.we-do-inner .owl-nav button.owl-next::before {
		content: '';
		width: 10px;
		height: 18px;
		background: url(../images/lft-arrow.png) no-repeat;
		position: absolute;
		top: 13px;
		left: 19px
	}
	#owl-benifits .owl-nav button:hover,
	#owl-domain .owl-nav button:hover,
	#owl-jtl .owl-nav button:hover,
	#owl-popular .owl-nav button:hover,
	.owl-server-packages-2 button:hover,
	.owl_package button:hover,
	.regular .slick-next:hover,
	.regular .slick-prev:hover,
	.we-do-inner .owl-nav button:hover {
		background: #f89629!important
	}
	#owl-domain.owl-theme .owl-nav,
	#owl-jtl.owl-theme .owl-nav,
	#owl-popular.owl-theme .owl-nav,
	.owl-server-packages-2 .owl-nav,
	.owl_package .owl-nav,
	.we-do-inner.owl-theme .owl-nav {
		margin-top: 30px
	}
	.section.what-we-do {
		padding: 10px 0 30px;

	}
	.section.popular-product,
	.section.popular-products {
		padding: 70px 0 30px 0
	}
	.jtl_bottom_area,
	.popular-products-inner ul,
	.search-result-inner {
		display: none
	}
	#owl-benifits.owl-carousel,
	#owl-domain.owl-carousel,
	#owl-jtl.owl-carousel,
	#owl-jtl.owl-carousel .owl-nav.disabled,
	#owl-popular.owl-carousel,
	#owl-popular.owl-carousel .owl-nav.disabled {
		display: block
	}
	#owl-domain .result-box img,
	#owl-popular .products-box img {
		width: auto;
		margin: 0 auto
	}
	#owl-domain .item {
		padding: 25px 15px
	}
	.popular-product.kb_domain.kb_domain {
		padding-bottom: 35px
	}
	.jtl_right {
		width: 90%;
		float: none;
		margin: 0 auto 40px auto
	}
	.jtl_lft {
		width: 100%;
		float: none;
		margin-bottom: 40px;




	}
	.service-text {
		margin-top: 30px;
	}
	.jtl_lft a {
		font-size: 18px;
		line-height: 18px;
		width: 180px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 50px
	}
	.jtl_lft a span {
		border-radius: 50px
	}
	#owl-jtl .jtl_bottom_box {
		width: 100%;
		text-align: center
	}
	#owl-jtl .jtl_bottom_box .inner_content {
		width: 100%;
		float: none
	}
	#owl-jtl .jtl_bottom_box img {
		width: 120px;
		height: auto;
		margin: 0 auto 35px auto;
		float: none
	}
	#owl-jtl .inner_content h6 {
		margin-bottom: 12px
	}
	#owl-jtl .inner_content p {
		color: rgba(25, 61, 74, .7)
	}
	#owl-jtl.owl-carousel .item {
		padding: 25px 15px
	}
	.section.popular-product.kb_jtl {
		padding-bottom: 25px;
		padding-top: 50px
	}
	.owl_testimonials .testimonials_box .user_img {
		margin-right: 30px
	}
	.testi-inner {
		width: 77%
	}
	.owl_testimonials .testimonials_box .testi-inner p img {
		padding: 0
	}
	.owl_testimonials .owl-nav button.owl-prev {
		left: -2%
	}
	.owl_testimonials .owl-nav button.owl-next {
		right: -2%
	}
	.footer_box {
		float: none
	}
	.footer_box.contact_dtl,
	.footer_box.quick_link {
		width: 100%;
		margin-bottom: 55px
	}
	.footer_box.foot-logo {
		width: 350px;
		margin-left: auto;
		margin-right: auto;
		padding: 0
	}
	.section.our_benifits {
		padding: 80px 0 40px 0
	}
	.section.our_benifits::after {
		border-bottom: 30px solid #fff
	}
	.benifit_cercil .circel_box {
		display: none
	}
	.benifit_cercil .benifit_center {
		top: 43%
	}
	.benifit_cercil {
		width: 390px;
		height: 390px;
		margin: 0 auto;
		top: -40px
	}
	#owl-benifits .circel_box.circel_box_1,
	#owl-benifits .circel_box.circel_box_2,
	#owl-benifits .circel_box.circel_box_3,
	#owl-benifits .circel_box.circel_box_4,
	#owl-benifits .circel_box.circel_box_5,
	#owl-benifits .circel_box.circel_box_6 {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: 350px;
		transform: translateX(0);
		text-align: center;
		margin: 0 auto
	}
	#owl-benifits .circel_box.circel_box_1 .circel_img_box,
	#owl-benifits .circel_box.circel_box_2 .circel_img_box,
	#owl-benifits .circel_box.circel_box_3 .circel_img_box,
	#owl-benifits .circel_box.circel_box_4 .circel_img_box,
	#owl-benifits .circel_box.circel_box_5 .circel_img_box,
	#owl-benifits .circel_box.circel_box_6 .circel_img_box {
		margin: 20px auto 0 auto;
		float: none
	}
	.circel_box.circel_box_1 .circel_content,
	.circel_box.circel_box_2 .circel_content,
	.circel_box.circel_box_3 .circel_content,
	.circel_box.circel_box_4 .circel_content,
	.circel_box.circel_box_5 .circel_content,
	.circel_box.circel_box_6 .circel_content {
		width: 100%;
		text-align: center;
		margin: 0;
		min-height: 115px;
		float: none;
		position: relative
	}
	#owl-benifits .owl-nav {
		position: absolute;
		top: 10px;
		left: 0;
		width: 100%
	}
	#owl-benifits .owl-nav button {
		width: 45px;
		height: 45px;
		background: 0 0;
		margin: 0!important;
		border-radius: 0!important;
		position: relative;
		border-radius: 50%!important;
		background: #fff!important;
		transition: all ease .5s;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		box-shadow: 0 0 24px 1px rgba(0, 0, 0, .08);
		-webkit-box-shadow: 0 0 24px 1px rgba(0, 0, 0, .08)
	}
	#owl-benifits .owl-nav button.owl-prev {
		position: absolute;
		left: 0
	}
	#owl-benifits .owl-nav button.owl-next {
		position: absolute;
		right: 0
	}
	#owl-benifits .owl-nav button.owl-prev::before {
		background: url(../images/bl-arrow.png) no-repeat 2px 2px;
		width: 12px;
		height: 20px;
		top: 13px;
		left: 14px
	}
	#owl-benifits .owl-nav button.owl-next::before {
		background: url(../images/br-arrow.png) no-repeat 2px 2px;
		width: 12px;
		height: 20px;
		left: 17px
	}
	.banner::before {
		background: url(../images/cave_banner_test.png) 6% 50% no-repeat
	}
	.owl_testimonials .owl-nav {
		top: 34px;
		position: relative
	}
	.owl_testimonials .owl-nav button.owl-prev {
		left: -2%;
		position: relative
	}
	.owl_testimonials .owl-nav button.owl-next {
		right: -2%;
		position: relative
	}
	/*.wow {
		animation-name: none!important;
		visibility: visible!important
	}*/
	.site-header.fixed .main-navigation nav ul li:hover .mga_menu {
		top: auto;
		display: none
	}
	.main-navigation nav ul li:hover .mga_menu {
		top: auto;
		display: none;
	}
	.mga_menu.open{
		display: block !important;
	}
	.mga_menu.m-web .m-menu-right .m-menu-box h4::before,
	.mga_menu::before {
		display: none
	}
	.mga_menu.m-web .m-menu-right .m-menu-box .bx-rgt {
		width: 100%
	}
	.mga_menu .m-menu-left,
	.mga_menu .m-menu-right {
		float: none;
		width: 100%
	}
	.main-navigation nav>ul li a::before {
		content: '\f105';
		position: absolute;
		bottom: auto;
		top: 48%;
		left: auto;
		width: auto;
		height: auto;
		background: no-repeat;
		transform: translateY(-50%);
		-webkit-transform: scale(1, 1) translateY(-50%);
		transition: all ease-in-out .3s;
		-moz-transition: all ease-in-out .3s;
		-webkit-transition: all ease-in-out .3s;
		-o-transition: all ease-in-out .3s;
		right: 0;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 20px
	}
	.main-navigation nav ul li a:hover::before {
		transform: scale(1, 1) translateY(-50%);
		-webkit-transform: scale(1, 1) translateY(-50%)
	}
	.main-navigation nav>ul li a.rotation::before {
		top: 58%;
		transform: scale(1, 1) translateY(-50%) rotate(90deg);
		-webkit-transform: scale(1, 1) translateY(-50%) rotate(90deg);
		-moz-transform: scale(1, 1) translateY(-50%) rotate(90deg);
		right: 7px
	}
	.mga_menu {
		display: none;
		top: auto;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		position: relative;
		box-shadow: none;
		background: 0 0;
		padding: 0 0 0 20px!important;
		margin: 0;
		border: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		z-index: 3
	}
	.m-menu-box {
		text-align: left;
		border: none;
		margin: 0!important;
		width: 100%;
		float: none;
		width: 100%!important;
		padding: 0;
		min-height: inherit!important
	}
	.m-menu-box img,
	.m-menu-box p {
		display: none!important
	}
	.main-navigation nav .m-menu-box ul {
		display: none;
		padding: 0 0 0 10px;
		margin: 0!important;
		position: relative;
		height: auto;
		width: 100%;
		transition: none
	}
	.main-navigation nav .m-menu-box ul li {
		float: none;
		width: 100%;
		display: block
	}
	.mga_menu.m-web .m-menu-box ul li a::after {
		display: none
	}
	.main-navigation nav .m-menu-box ul li a img {
		display: block!important
	}
	.main-navigation nav .m-menu-box ul li a span {
		color: #fff
	}
	.main-navigation nav .m-menu-box ul li:last-child {
		margin-bottom: 0
	}
	.mga_menu.m-web .m-menu-box a h4 {
		position: relative
	}
	.mga_menu.m-web .m-menu-box:nth-child(1) a h4::before,
	.mga_menu.m-web .m-menu-box:nth-child(2) a h4::before {
		content: '\f105';
		position: absolute;
		bottom: auto;
		top: 50%;
		left: auto;
		width: 20px;
		height: 20px;
		background: no-repeat;
		transform: scale(1, 1) translateY(-50%);
		-webkit-transform: scale(1, 1) translateY(-50%);
		transition: all ease-in-out .5s;
		-moz-transition: all ease-in-out .5s;
		right: 0;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 16px
	}
	.mga_menu.m-web .m-menu-box:nth-child(1) a.rotation.ro h4::before,
	.mga_menu.m-web .m-menu-box:nth-child(2) a.rotation.ro h4::before {
		transform: scale(1, 1) translateY(-50%) rotate(90deg);
		-webkit-transform: scale(1, 1) translateY(-50%) rotate(90deg);
		-moz-transform: scale(1, 1) translateY(-50%) rotate(90deg);
		top: 64%;
		transition: all ease-in-out .5s;
		-moz-transition: all ease-in-out .5s
	}
	.mga_menu.m-web .m-menu-box ul li::after {
		content: '\f105';
		position: absolute;
		right: 30px;
		top: 17%;
		transform: translateY(-50%) scale(1, 1);
		-webkit-transform: translateY(-50%) scale(1, 1);
		-moz-transform: translateY(-50%) scale(1, 1);
		height: 10px;
		width: 10px;
		color: rgba(25, 61, 74, .7);
		opacity: 1;
		background: 0 0;
		font-size: 24px;
		left: auto;
		border: 0;
		bottom: auto!important;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 16px
	}
	.m-menu-box h4 {
		text-align: left;
		font-family: Raleway;
		font-size: 17px;
		line-height: 17px;
		font-weight: 600;
		color: #fff;
		border: none;
		padding: 10px 0;
		margin: 0
	}
	.mga_menu.m-web .m-menu-box .bx-rgt {
		width: 100%;
		float: none
	}
	.mga_menu.e-mail .m-menu-box .bx-rgt,
	.mga_menu.m-service .m-menu-box .bx-rgt {
		width: 100%
	}
	.mga_menu.e-mail .m-menu-box a,
	.mga_menu.m-service .m-menu-box a {
		border: none
	}
	.mga_menu.e-mail .m-menu-box:nth-child(1) h4,
	.mga_menu.m-service .m-menu-box:nth-child(1) h4 {
		border-bottom: 1px solid rgba(255, 255, 255, .5)!important
	}
	.mga_menu.m-web .m-menu-box ul li::after {
		right: 6px;
		top: 30%;
		color: #fff
	}
	.main-navigation nav .m-menu-box ul>a {
		border: none
	}
	.m-menu-box:hover {
		box-shadow: none;
		-webkit-box-shadow: none
	}
	.m-menu-box:hover h4 {
		color: #fff
	}
	.mga_menu.m-web .m-menu-box ul li {
		border-bottom: 1px solid rgba(255, 255, 255, .5)
	}
	.mga_menu.m-web .m-menu-box ul li:last-child {
		border-bottom: 0
	}
	.mga_menu.m-web .m-menu-box ul li a {
		border: none
	}
	.owl_testimonials .owl-nav {
		top: 0;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		transform: translate(0)
	}
	.owl_testimonials .owl-nav button.owl-next,
	.owl_testimonials .owl-nav button.owl-prev {
		float: none
	}
	.wp-google-url {
		margin: 7% auto 0
	}
	.hosting-box {
		width: 50%;
		min-height: 570px
	}
	.hosting-box:nth-child(2) {
		border-right: none
	}
	.hosting-box:nth-child(3) {
		border-right: 1px solid #e6e6e6
	}
	.hosting-box:nth-child(4) {
		border-right: none;
		border-bottom: 1px solid #e6e6e6
	}
	.hosting-box:nth-child(4)::after {
		left: -8px;
		right: auto
	}
	.hosting-box img {
		width: 130px!important
	}
	.inner-banner-content h1,
	.inner-banner-content h2 {
		font-size: 26px;
		line-height: 30px
	}
	.inner-banner-content h5 {
		font-size: 17px;
		line-height: 19px;
		margin-bottom: 7px
	}
	.inner-banner-content {
		top: 210px
	}
	.inner-banner {
		height: 490px
	}
	.bread-cum-header {
		top: 90px
	}
	.inner-banner::before {
		background: url(../images/inner-banner-carv.png) 5% 50% no-repeat;
		height: 364px
	}
	.inner-banner-content .in-ban-lft {
		width: 36%;
		margin-left: 0
	}
	.product-consult h4 br {
		display: none
	}
	.technology-service h3 {
		font-size: 32px;
		line-height: 36px
	}
	.package_box .buy-btn {
		width: 145px
	}
	.hybrid-server {
		padding-top: 100px;
		padding-bottom: 50px
	}
	.section.our_benifits2::after {
		border-bottom: 30px solid #f5f5f5
	}
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: #f89428!important
	}
	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
		background-color: rgba(0, 0, 0, .1)!important
	}
	.product-consult h4 {
		font-size: 23px;
		line-height: 34px
	}
	.product-consult {
		padding-left: 10px;
		padding-right: 10px
	}
	.consult-icon {
		width: 163px;
		height: 163px
	}
	.product-consult .buy-btn {
		width: 300px;
		font-size: 20px;
		margin-top: 20px
	}
	.consult-icon img {
		margin-top: 34px;
		width: 65px
	}
	.hosting-box:nth-child(4),
	.hosting-box:nth-child(5),
	.hosting-box:nth-child(6) {
		border-bottom: none;
		padding-top: 45px
	}
	.owl-carousel.owl-loaded.owl_cluod_hosting {
		display: block!important
	}
	.server-packages-arae.arae2 {
		display: block
	}
	.server-packages-arae .bx-wrapper .bx-viewport {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 5px solid #f6f6f6;
		left: auto;
		background: #f6f6f6
	}
	.submenu tr td:first-child {
		padding-right: 0
	}
	.collaps-table p {
		font-size: 15px;
		line-height: 19px;
		padding: 10px 0 10px 10px
	}
	.page-id-245 .site-header.fixed .main-navigation nav>ul li a {
		color: #fff
	}
	.submenu tr td:first-child {
		width: 50%
	}
	.submenu td {
		width: 50%
	}
	.hosting-box:nth-child(4) {
		border-bottom: 1px solid #e6e6e6
	}
	.regular .slick-next,
	.regular .slick-prev {
		position: absolute!important;
		top: auto;
		bottom: -55px;
		margin: 0!important
	}
	.slick-prev {
		left: 41%;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg)
	}
	.slick-next {
		right: 41%;
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0)
	}
	.owl_partner .item {
		padding: 25px 17px
	}
	.testimonials_box {
		min-height: auto;
		max-height: 100%
	}
	.testi-inner {
		height: auto
	}
	.inner-txt p br {
		display: none
	}
	.wawi-section {
		padding: 50px 0
	}
	.wawi-text {
		width: 100%;
		float: none;
		margin-bottom: 0
	}
	.wawi-img {
		float: none
	}
	.wawi-section {
		padding: 60px 0 30px 0;
		text-align: center
	}
	.wawi-img img {
		padding-right: 0;
		margin: 0 auto;
		width: 33%
	}
	.wawi-section:nth-child(2n+2) .wawi-img {
		float: none
	}
	#common-banner h1 {
		margin-left: 0
	}
	#common-banner h1 span {
		font-size: 30px!important;
		line-height: 35px!important;
		display: block
	}
	#common-banner h1 {
		font-size: 44px;
		line-height: 50px;
		background: rgba(26, 60, 72, .4);
		width: 345px;
		padding: 10px 15px
	}
	.details {
		padding: 60px 0 0 0
	}
	.bar span {
		float: none;
		display: block;
		font-weight: 700
	}
	.bar:nth-child(5) {
		width: 79%!important
	}
	.bar {
		height: auto;
		padding: 6px 16px
	}
	.bar-text {
		font-size: 15px;
		line-height: 25px
	}
	.long-btn {
		font-size: 22px;
		line-height: 31px;
		padding: 12px 3px;
		width: 80%;
		margin: 40px auto 100px auto
	}
	.inner-txt {
		padding-bottom: 55px
	}
	#common-banner a.site-btn {
		margin-left: 0
	}
	.bar:nth-child(2n+2) {
		margin-bottom: 50px
	}
	.details.section p {
		line-height: 34px
	}
	#common-banner a.site-btn {
		width: 200px!important;
		padding: 0!important;
		font-weight: 400!important;
		line-height: 52px!important;
		font-size: 18px
	}
	.bar b {
		display: block
	}
	.error-404.not-found {
		padding-top: 60px
	}
	.innr-bannerv2 .inner-banner-content .in-ban-rgt {
		width: 70%;
		background: rgba(255, 255, 255, .8);
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto
	}
	.innr-bannerv2 .inner-banner-content h1 {
		width: 100%
	}
	.innr-bannerv2 .inner-banner-content {
		top: 185px
	}
	.page-id-654 footer::before {
		border-top: 30px solid #f5f5f5
	}
	.blog-left,
	.blog-right {
		width: 100%;
		float: none;
		margin-bottom: 50px
	}
	.blog-content {
		margin-bottom: 20px
	}
	#results .col-xs-2 {
		width: 27.666667%!important
	}
	#results .col-xs-10 {
		width: 70.333333%!important
	}
	.blog-content-single h4 {
		font-size: 25px;
		line-height: 30px;
		font-weight: 600;
		margin-bottom: 10px
	}
	.footer_box.contact_dtl p {
		display: block
	}


	/*----------------------------start--new menu css style--------------------------------*/


	.mga_menu.cloud, .mga_menu.m-web {
	    box-shadow: none;
	    border: none;
	}
	.neuMenuLft,.neuMenuRight {
	    width: 100%;
	    max-width: 100%;
	    padding: 0; background: transparent;
	}
	.menuHeading, .IconBox, .newContBox p {
	    display: none;
	}	
	.newContBox h4 {
	    color: #fff !important;
	    font-size: 17px;
	    line-height: 17px;
	    padding: 0;
	}
	.newmenyList {
	    padding: 10px 0  !important;
	}
	.newmenyList, .newMenuInner {
		display: block !important;
	}
	.newmenyList { border-radius: 0;}
	.newmenyList:hover, .neuMenuRight .newmenyList:hover { background:transparent; }


/*---------------------------end---new menu css style--------------------------------*/




}

@media screen and (max-width:736px) {
	.banner h1,
	.banner h2 {
		width: 64%
	}
	.hosting-box {
		min-height: 570px
	}
	.inner-banner::before {
		bottom: -1px
	}
	#wdc-style .input-group .form-control {
		float: none!important;
		margin-bottom: 10px!important
	}
	#wdc-style .large #Search {
		width: 87%;
		margin-bottom: 0!important
	}
	#wdc-style .input-group .input-group-btn {
		border-radius: 0 10px 10px 0!important;
		display: inline-block!important;
		width: 13%!important;
		height: 68px;
		float: right
	}
	#wdc-style .input-group {
		padding: 10px
	}
	#wdc-style .input-group.large {
		max-width: 100%;
		width: 100%;
		padding: 0!important
	}
	#wdc-style .large button#Submit {
		height: 68px!important
	}
}

@media screen and (max-width:667px) {
	.btnPrice .price {
		font-size: 20px;
		line-height: 17px
	}
	h4 {
		font-size: 19px;
		line-height: 24px
	}
	.products-box p {
		font-size: 16px;
		line-height: 26px
	}
	#owl-jtl .jtl_bottom_box {
		min-height: 383px
	}
	.tech-ser-left,
	.tech-ser-rgt {
		width: 100%
	}
	.tech-ser-rgt ul {
		text-align: center
	}
	.tech-ser-rgt ul li {
		float: none;
		margin-right: 10px;
		display: inline-block;
		margin-bottom: 10px
	}
	.tech-ser-rgt ul li:last-child {
		margin-right: 0;
		margin-bottom: 0
	}
	.hosting-box img {
		width: 110px!important
	}
	.hosting-box p br {
		display: none
	}
	.package_box ul li {
		padding: 15px 10px
	}
	.inner-banner-content .in-ban-lft {
		width: 33%;
		margin-left: 0
	}
	.inner-banner-content h1,
	.inner-banner-content h2 {
		font-size: 24px;
		line-height: 28px
	}
	.inner-banner-content h5 {
		font-size: 16px;
		line-height: 18px
	}
	.testimonials_box>.mCSB_inside>.mCSB_container {
		margin-right: 0
	}
	.owl-carousel .owl-item img.rplg-review-avatar {
		margin-right: 20px
	}
	.testi-inner {
		width: 80%
	}
	.details.section p {
		line-height: 30px
	}
	.bar-text {
		font-size: 12px
	}
	.wawi-section .wawi-text:nth-child(1) {
		margin-bottom: 60px
	}
	#common-banner a.site-btn {
		margin-left: 0
	}
	#common-banner::before {
		height: 972px
	}
	#common-banner a.site-btn {
		width: 220px!important;
		line-height: 48px!important
	}
	.m-568 {
		display: block
	}
	.mob {
		display: none
	}
	div#common-banner {
		height: 400px;
		overflow: hidden
	}
	#common-banner::before {
		height: 635px
	}
	.innr-bannerv2 .inner-banner-content {
		top: 285px
	}
	.innr-bannerv2 .inner-banner-content h5 br {
		display: none
	}
}

@media screen and (max-width:627px) {
	.product-consult {
		padding-left: 20px;
		padding-right: 20px
	}
	.cluod-hosting h6 {
		font-size: 22px;
		line-height: 28px
	}
	.hosting-box {
		width: 50%;
		min-height: 550px
	}
	.slick-prev {
		left: 39%
	}
	.slick-next {
		right: 39%
	}
	.long-btn {
		font-size: 20px;
		line-height: 23px;
		padding: 17px 3px
	}
	.inner-txt p {
		font-size: 18px;
		line-height: 32px
	}
}

@media screen and (max-width:568px) {
	.jtl_right {
		width: 100%
	}
	.banner .wrapper {
		top: 140px
	}
	.banner h1,
	.banner h2 {
		width: 63%;
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 15px
	}
	.site-btn {
		font-size: 16px;
		line-height: 16px;
		width: 215px
	}
	.products-box {
		padding: 30px
	}
	.hosting-box {
		border: 1px solid #e6e6e6!important;
		width: 100%;
		min-height: auto;
		margin-bottom: 20px
	}
	.inner-banner {
		height: 750px
	}
	.inner-banner-content .in-ban-rgt {
		padding-top: 40px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: 380px;
		text-align: center
	}
	.inner-banner-content .in-ban-lft {
		width: 73%;
		margin-left: auto;
		margin-right: auto;
		float: none
	}
	.cloud-package p {
		font-size: 20px;
		line-height: 28px
	}
	.testi-inner {
		width: 76%
	}
	#common-banner a.site-btn {
		width: 170px!important;
		line-height: 38px!important
	}
	#common-banner::before {
		height: 635px
	}
	div#common-banner {
		height: 400px;
		overflow: hidden
	}
	.bar:nth-child(2) b {
		display: inline
	}
	.bar:nth-child() b {
		display: inline
	}
	#common-banner h1 span {
		font-size: 23px!important;
		line-height: 30px!important
	}
	#common-banner h1 {
		font-size: 40px;
		line-height: 45px;
		width: 245px
	}
	#common-banner a.site-btn {
		margin-top: 30px
	}
	.submenu td .tooltip {
		width: 240px
	}
	.innr-bannerv2 .inner-banner-content {
		top: 215px
	}
	.bread-cum-header ul li {
		padding: 6px 30px 8px 8px
	}
	.bread-cum-header span {
		font-size: 14px;
		line-height: 14px
	}
	.bread-cum-header a {
		font-size: 14px;
		line-height: 14px
	}
	.bread-cum-header ul li::after {
		height: auto;
		width: auto;
		content: '>';
		border: none;
		transform: none;
		top: 0;
		right: 0;
		color: #fff;
		font-size: 25px
	}

	.popular-products .item {
	    margin-bottom: 20px;
	}
	li.list-item {padding: 0 15px !important;}
}

@media screen and (max-width:540px) {
	.product-consult h4 {
		font-size: 20px;
		line-height: 30px
	}
	.slick-prev {
		left: 38%
	}
	.slick-next {
		right: 38%
	}
	.bar-text {
		font-size: 12px
	}
	.submenu tr td:last-child {
		padding-left: 0;
		background: #fff;
		border-left: 1px solid #e5e5e5
	}
	.p-inn-box {
		border: none
	}
	.submenu tr td:first-child {
		padding-right: 5px
	}
	#wdc-style .large #Search {
		width: 83%
	}
	#results .col-xs-2 {
		width: 29.667%!important
	}

	.can-toggle label .can-toggle__switch {flex: 0 0 304px;}
	.can-toggle label .can-toggle__switch::before {width: 150px;left: 150px;}
	.can-toggle label .can-toggle__switch::after{width: 150px;}
	
	
	.icon-item p {
    font-size: 13px !important;
    line-height: normal !important;}
	
	li.list-item p {
    font-size: 15px;
    width: 100%;
	}
	
   .performance { padding: 30px 0 0;width: 250px;MARGIN: 0 auto;}
   .cloud-package p {font-size: 11px; line-height: 18px;}
}

@media screen and (max-width:480px) {
	.banner::before {
		background: url(../images/cave_banner_test.png) 6% 50% no-repeat
	}
	.banner h1,
	.banner h2 {
		width: 237px
	}
	#owl-benifits .circel_box.circel_box_1,
	#owl-benifits .circel_box.circel_box_2,
	#owl-benifits .circel_box.circel_box_3,
	#owl-benifits .circel_box.circel_box_4,
	#owl-benifits .circel_box.circel_box_5,
	#owl-benifits .circel_box.circel_box_6 {
		width: 310px
	}
	.testi-inner {
		width: 71%
	}
	.footer_box.foot-logo {
		width: 300px
	}
	.main-navigation nav ul li a {
		font-size: 16px;
		line-height: 46px
	}
	.m-menu-box h4 {
		font-size: 15px;
		line-height: 15px
	}
	.inner-banner {
		height: 620px
	}
	.inner-banner-content {
		top: 160px
	}
	.inner-banner-content .in-ban-rgt {
		padding-top: 20px
	}
	.about-jtl-cloud {
		padding-bottom: 25px;
		padding-top: 25px
	}
	.product-consult .buy-btn {
		width: 270px;
		font-size: 18px;
		padding: 15px 32px
	}
	.owl-carousel.owl_package {
		margin-top: 30px
	}
	.submenu td .tooltip {
		width: 200px
	}
	.accordion .link {
		padding: 12px 15px 12px 12px
	}
	.link span {
		width: 20px;
		height: 20px
	}
	.link span::before {
		font-size: 17px;
		margin-top: -1px
	}
	.open .link span::before {
		margin-top: 1px
	}
	.slick-prev {
		left: 36%
	}
	.slick-next {
		right: 36%
	}
	h2 {
		font-size: 27px;
		line-height: 31px
	}
	.section h2 {
		margin-bottom: 30px;
		padding-bottom: 15px
	}
	.about-jtl-cloud p br {
		display: none
	}
	.product-consult {
		margin-top: 100px;
		padding-bottom: 20px
	}
	.section.cloud-package {
		padding-top: 10px;
		padding-bottom: 35px
	}
	.technology-service h3 {
		font-size: 27px;
		line-height: 31px;
	}
	.technology-service h3 br {
		display: none;
	}
	.owl-carousel.owl_package .item {
		padding: 0 17px 20px 17px;
	}
	.main-container-managed .checkmark{
		width: 12px !important;
		height: 12px !important;
	}
	.main-container-managed input:checked + .checkmark::after {
		left: 3px;
		top: -6px;
		width: 4px;
		height: 10px;
	}
	li.list-item p {
		font-size: 8px;
	}
	.cluod-hosting {
		padding-bottom: 10px;
		padding-top: 50px
	}
	.hosting-area {
		padding-top: 15px
	}
	.hosting-box {
		padding: 40px 30px 20px 30px
	}
	.hosting-box img {
		margin: 0 auto 15px auto
	}
	.server-packages {
		padding: 85px 0 70px 0
	}
	.server-packages h6 {
		font-size: 20px;
		line-height: 29px;
		width: 87%;
		margin: 0 auto 20px auto
	}
	.hybrid-server {
		padding-top: 70px;
		padding-bottom: 0
	}
	.hybrid-server .jtl_right {
		width: 60%
	}
	.about-jtl-cloud p b {
		font-weight: 500;
		font-size: 18px;
		line-height: 30px
	}
	.product-consult h4 {
		font-size: 18px;
		line-height: 27px;
		font-weight: 500
	}
	.cloud-package p {
		font-size: 18px;
		line-height: 27px;
		width: 85%;
		margin: 0 auto
	}
	.cluod-hosting h6 {
		font-size: 20px;
		line-height: 28px
	}
	.cluod-hosting p {
		font-size: 15px;
		line-height: 30px;
		margin-bottom: 15px
	}
	.cluod-hosting p br {
		display: none
	}
	.jtl_lft p {
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 6px
	}
	.jtl_lft ul li {
		font-size: 15px;
		line-height: 23px;
		margin-bottom: 12px
	}
	.section.kb_testimonials.inn-testi {
		padding-top: 30px;
		padding-bottom: 40px
	}
	.page-id-1114 footer::before,
	.page-id-1164 footer::before,
	.page-id-245 footer::before,
	.page-id-721 footer::before,
	.page-id-792 footer::before,
	.page-id-817 footer::before,
	.page-id-865 footer::before,
	.page-id-908 footer::before {
		border-top: 30px solid #f5f5f5
	}
	footer {
		padding-top: 70px
	}
	.footer_box h6 {
		font-size: 27px;
		line-height: 31px
	}
	.about-jtl-cloud p {
		font-size: 15px;
		line-height: 30px
	}
	.testi-inner h6 a {
		font-size: 19px;
		line-height: 40px
	}
	.footer_box.quick_link ul li a {
		font-size: 16px;
		line-height: 20px
	}
	.all_right p {
		font-size: 13px;
		line-height: 20px;
		width: 84%;
		margin: 0 auto
	}
	.technology-service {
		padding: 40px 0 40px 0
	}
	.footer_box.contact_dtl p,
	.footer_box.contact_dtl p a {
		font-size: 16px;
		line-height: 24px
	}
	.footer_box.contact_dtl,
	.footer_box.quick_link {
		width: 100%;
		margin-bottom: 25px
	}
	.all_right {
		margin-top: 25px;
		padding-top: 20px;
		padding-bottom: 20px
	}
	.wedo-box {
		padding: 30px 20px 30px 20px;
		min-height: auto
	}
	.jtl_lft p b {
		font-weight: 500;
		font-size: 16px;
		line-height: 30px
	}
	#owl-jtl .jtl_bottom_box {
		min-height: auto
	}
	#owl-jtl .inner_content p {
		font-size: 16px;
		line-height: 27px
	}
	#owl-jtl .inner_content h6 {
		font-size: 20px;
		line-height: 25px
	}
	.section.kb_testimonials {
		padding: 70px 0 40px
	}
	.section.kb_our_partner {
		padding: 70px 0 30px 0
	}
	.long-btn {
		font-size: 15px;
		line-height: 20px;
		padding: 17px 30px
	}
	div#common-banner {
		height: 360px;
		overflow: hidden
	}
	.wawi-img img {
		padding-right: 0;
		margin: 0 auto;
		width: 45%
	}
	#common-banner h1 span {
		font-size: 18px!important;
		line-height: 25px!important
	}
	#common-banner h1 {
		margin-left: 10px;
		font-size: 28px;
		line-height: 30px;
		width: 198px
	}
	#common-banner a.site-btn {
		margin-left: 10px;
		margin-top: 20px
	}
	#common-banner a.site-btn span {
		padding: 0!important;
		font-size: 14px
	}
	.inner-txt {
		padding-bottom: 0
	}
	.inner-txt p,
	.wawi-text p {
		font-size: 16px;
		line-height: 30px
	}
	.wawi-text h3 {
		font-size: 20px;
		line-height: 24px;
		width: 80%;
		margin: 0 auto
	}
	.long-btn {
		margin: 10px auto 50px auto
	}
	.innr-bannerv2 .inner-banner-content h5 {
		font-size: 17px;
		line-height: 24px
	}
	.innr-bannerv2 .inner-banner-content .in-ban-rgt {
		width: 85%
	}
	.innr-bannerv2 .inner-banner-content {
		top: 185px
	}
	#results>div {
		height: 135px!important
	}
	.wdc-form #wdc-style .input-group {
		max-width: 100%;
		width: 100%
	}
	.wdc-form #wdc-style #results .col-xs-2 {
		width: 150px!important;
		float: none;
		margin-left: auto;
		margin-right: auto;
		height: auto!important
	}
	.wdc-form #wdc-style #results .col-xs-10 {
		width: 100%;
		float: none;
		height: auto!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 21px;
		margin-bottom: 10px
	}
	#wdc-style .large #Search {
		width: 83%
	}
	#wdc-style .input-group .input-group-btn {
		width: 17%!important
	}
	#wdc-style .input-group .input-group-btn::after {
		right: 24px
	}
	.blog .common-template {
		padding-top: 130px
	}
	.common-template h2 {
		padding-bottom: 27px;
		text-align: center
	}
	.blog-content h2 {
		font-size: 1.1em;
		padding-top: 10px;
		padding-bottom: 0;
		text-align: left;
		line-height: 1.3em
	}
	
	.performance img {
		height: auto;
		width: 210px !important;
		margin: 0 auto;
	}
	
.performance {
		padding: 20px 0 0;
		width: auto;
		MARGIN: 0 auto;
	}	
	
.performance img {
    height: auto;
    width: 50px !important;
    margin: 0 auto;
    margin-right: 0;
    margin-left: -14px;
}
.performance p {
    font-size: 11px;
    line-height: 20px;
    width: 100%;
    margin: 0 auto;
}
	
li.list-item p {
    font-size: 8px;
    width: 100%;
}	
.package_box.managed ul li > * {
    padding: 10px 8px 5px 20px;
}
ul.list-item-inner {
    max-width: 240px;
    margin: 0 auto;
}
ul.list-item-inner li {
    padding: 0 !important;
    white-space: nowrap;
}
ul.list-item-inner li > * {
	width: 40% !important;
}


/*----------------------------start--new menu css style--------------------------------*/






	.newContBox h4 {
	    font-size: 15px;
	    line-height: 15px;
	}





/*----------------------------end--new menu css style--------------------------------*/






}

@media screen and (max-width:450px) {
	.site-header .logo,
	.site-header.fixed .logo {
		width: 170px;
		margin-top: 6px
	}
	.banner h2 {
		width: 217px
	}
	.user-actions ul li a {
		line-height: 38px;
		height: 38px;
		width: 38px;
		margin-left: 2px
	}
	.user-actions ul li .humer_menu {
		margin-left: 3px;
		padding: 3px 0 0 1px!important
	}
	.user-actions ul li .humer_menu.hm-close {
		padding: 8px 0 0 0!important
	}
	.user-actions ul li .humer_menu.hm-close span {
		width: 17px;
		height: 16px
	}
	.user-actions ul li a span {
		width: 25px;
		height: 23px
	}
	.user-actions ul li .login-btn span {
		background: url(../images/Client-Login.png) no-repeat 0 0;
		background-size: contain
	}
	.user-actions ul li .login-btn:hover span {
		background: url(../images/Client-Login-hover.png) no-repeat 0 0;
		background-size: contain
	}
	.site-header {
		padding: 15px 0
	}
	.user-actions ul li a span {
		width: 20px;
		height: 19px
	}
	.bread-cum-header {
		top: 74px
	}
	.site-btn {
		font-size: 13px;
		line-height: 13px;
		width: 185px
	}
	.testi-inner span {
		font-size: 18px;
		line-height: 22px
	}
	.testi-inner p {
		margin-top: 10px
	}
	span.wp-stars {
		display: block
	}
	div#common-banner {
		height: 314px;
		overflow: hidden
	}
	.innr-bannerv2 .inner-banner-content .in-ban-rgt {
		width: 90%
	}
	.innr-bannerv2 .inner-banner-content {
		top: 145px
	}
	.innr-bannerv2 .inner-banner-content h1 {
		font-size: 18px;
		line-height: 23px;
		margin-bottom: 10px
	}
	.innr-bannerv2 .inner-banner-content h5 {
		font-size: 15px;
		line-height: 22px
	}
	.blog-content-single h4 {
		font-size: 21px;
		line-height: 24px
	}
	li.list-item p {font-size: 8px; line-height:1;}
}

@media screen and (max-width:430px) {
	.bar:nth-child(2n+2) b {
		display: inline
	}
	.common-template h2 {
		font-size: 1.3em
	}
	.common-template h3 {
		font-size: 22px;
		padding-bottom: 10px
	}
	.blog-content h2 {
		font-size: 1.1em;
		padding-top: 10px;
		padding-bottom: 0;
		text-align: left;
		line-height: 1.3em
	}
	.blog-left p {
		padding-bottom: 25px;
		padding-top: 10px
	}
	.blog-attributes span {
		font-size: 12px;
		line-height: 16px;
		padding-right: 13px;
		text-transform: uppercase
	}
	
	.performance {
		padding: 20px 0 0;
		width: auto;
		MARGIN: 0 auto;
	}
	
	.text em {
    text-align: left;
    display: block;
    font-size: 12px;
    font-weight: normal;
	}
	
    /* 
	.performance {
	align-items: center; 
    padding: 30px 0 10px;
    display: inline-block;
    justify-content: left;
}*/
	
	.performance {
		padding: 20px 0 0;
		width: auto;
		MARGIN: 0 auto;
	}	
	
.performance img {
    height: auto;
    width: 50px !important;
    margin: 0 auto;
    margin-right: 0;
    margin-left: -14px;
}
.performance p {
    font-size: 11px;
    line-height: 20px;
    width: 100%;
    margin: 0 auto;
}
	
.left .tooltip-managed {
    left: -112px;
}

.left .tooltip-managed::before {
    bottom: -9px;
    right: 71px;
}

.right .tooltip-managed:before {
    right: 27px;
}

	
	
	
}

@media screen and (max-width:414px) {
	.common-template {
		padding-top: 108px
	}
	.site-header {
		padding: 17px 0
	}
	.site-header .logo,
	.site-header.fixed .logo {
		width: 160px;
		margin-top: 6px
	}
	.user-actions ul li a {
		margin-left: 2px
	}
	.user-actions ul li a {
		line-height: 38px;
		height: 38px;
		width: 38px
	}
	.banner .slider-banner2 {
		height: 400px;
		object-fit: cover;
		-webkit-object-fit: cover
	}
	.banner h2 {
		width: 217px
	}
	.technology-service h3,
	h2 {
		font-size: 22px;
		line-height: 30px
	}
	.benifit_cercil {
		width: 100%;
		height: 370px;
		margin: 0 auto;
		top: -40px;
		display: block
	}
	#owl-benifits .owl-nav {
		top: -23px
	}
	.circel_box .circel_content p br {
		display: none
	}
	.owl_testimonials .testimonials_box img.rplg-review-avatar {
		margin: 0 auto;
		float: none
	}
	.testimonials_box .thumb {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.testi-inner h6 {
		font-size: 20px;
		line-height: 30px;
	}
	.testi-inner {
		width: 90%;
		float: none;
		margin-top: 20px;
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}
	.testi-inner span {
		text-align: center
	}
	.testi-inner p,
	.testi-inner span {
		text-align: center;
		font-size: 15px;
		line-height: 24px
	}
	#owl-popular .item {
		padding: 0 10px
	}
	.bread-cum-header {
		top: 74px
	}
	.inner-banner {
		height: 650px
	}
	.technology-service h3 br {
		display: none
	}
	.product-consult h4 {
		font-size: 16px;
		line-height: 27px
	}
	.about-jtl-cloud p b {
		font-size: 15px;
		line-height: 25px
	}
	.inner-banner-content .in-ban-rgt {
		width: 100%
	}
	.consult-icon img {
		margin-top: 34px;
		width: 50px
	}
	.consult-icon {
		width: 133px;
		height: 133px;
		margin-top: -70px
	}
	.product-consult .buy-btn {
		width: 240px;
		font-size: 15px;
		padding: 15px 32px;
		margin-left: auto;
		margin-right: auto
	}
	.bread-cum-header ul li {
		padding: 3px 21px 6px 1px
	}
	.bread-cum-header ul li::after {
		top: 3px;
		font-size: 18px;
		right: 3px
	}
	.page-id-654 .bread-cum-header ul li::after {
		border-width: 0 2px 2px 0
	}
	.bread-cum-header a {
		font-size: 12px;
		line-height: 12px
	}
	.bread-cum-header span {
		font-size: 11px;
		line-height: 11px
	}
	.inner-banner-content {
		top: 150px
	}
	.inner-banner {
		height: 560px
	}
	.tech-ser-rgt ul li {
		margin-right: 0
	}
	.hybrid-server::before,
	footer.in-footer::before {
		border-top: 30px solid #fff
	}
	.hybrid-server::before {
		border-top: 30px solid #f6f6f6
	}
	.bread-cum-header ul li:last-child {
		padding-right: 5px
	}
	footer.in-footer::before {
		border-top: 30px solid #f5f5f5
	}
	.testimonials_box {
		padding: 36px 10px 30px 10px
	}
	footer {
		padding-top: 90px
	}
	.regular .slick-prev {
		left: 30%
	}
	.regular .slick-next {
		right: 30%
	}
	.bar b {
		display: inline
	}
	.bar:first-child b {
		display: block
	}
	.bar:nth-child(5) b {
		display: block
	}
	.long-btn {
		font-size: 14px;
		width: 96%
	}
	#common-banner::before {
		height: 635px;
		background: url(../images/cave-banner.png) 7.2% 50% no-repeat
	}
	#common-banner a.site-btn {
		margin-top: 10px
	}
	.collaps-table p {
		padding: 10px 5px 10px 5px;
		font-size: 13px;
		line-height: 17px;
		word-break: break-word
	}
	.p-inn-box {
		font-size: 13px;
		line-height: 17px;
		word-break: break-word
	}
	.accordion li i {
		font-size: 14px
	}
	.error404 footer::before {
		border-top: 30px solid #f2f2f2
	}
	
	.right .tooltip-managed:before {
    right: 40px;
    }
}

@media screen and (max-width:375px) {
	.switch-bar .col-left p {font-size: 17px;}
/* 	.can-toggle label .can-toggle__switch {flex: 0 0 200px;} */
	.switch-bar .col-left p {font-size: 19px; }
	.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch::after {
		-webkit-transform: translate3d(110px, 0, 0);
		transform: translate3d(110px, 0, 0);
	}
	.can-toggle label .can-toggle__switch::after { width: 125px;}
	.can-toggle label .can-toggle__switch::before {width: 125px;}
	.can-toggle label .can-toggle__switch::after, .can-toggle label .can-toggle__switch::before {font-size: 12px !important;line-height: 16px;min-height: 40px;padding: 5px 10px 0;border-radius: 10px;}
	.can-toggle label .can-toggle__switch::before {left: 117px;}
	.can-toggle label .can-toggle__switch {height: 44px;flex: 0 0 240px;border-radius: 10px;}
	.search-doamin input {
		height: 55px;
		font-size: 15px;
		padding: 0 20px;
		padding-right: 66px
	}
	.search-doamin button {
		width: 55px;
		height: 55px
	}
	#owl-benifits .owl-nav button {
		width: 40px;
		height: 40px
	}
	#owl-benifits .owl-nav button.owl-prev::before {
		top: 10px;
		left: 12px
	}
	#owl-benifits .owl-nav button.owl-next::before {
		left: 15px;
		top: 11px
	}
	.footer_box.quick_link ul li {
		width: 100%
	}
	.footer_box.foot-logo {
		width: 250px
	}
	.txt-blue {
		color: #23afd1;
		display: block
	}
	.banner h1 .txt-blue,
	.banner h2 .txt-blue {
		display: initial
	}
	.kb_our_partner .txt-blue,
	.what-we-do .txt-blue {
		display: initial
	}
	.main-navigation nav ul {
		padding-top: 80px;
		padding-left: 20px
	}
	.mga_menu {
		padding: 0 0 0 10px!important
	}
	.benifit_cercil {
		width: 100%;
		height: 340px
	}
	.benifit_cercil .benifit_center {
		width: 240px
	}
	.inner-banner-content h1,
	.inner-banner-content h2 {
		font-size: 22px;
		line-height: 26px
	}
	.inner-banner-content h5 {
		font-size: 14px;
		line-height: 16px
	}
	.inner-banner {
		height: 610px
	}
	.product-consult h4 {
		font-size: 17px;
		line-height: 26px
	}
	.cluod-hosting h6 {
		font-size: 18px;
		line-height: 26px
	}
	.cluod-hosting p {
		font-size: 15px;
		line-height: 28px
	}
	.inner-banner-content .in-ban-rgt {
		width: 100%
	}
	.inner-banner-content {
		top: 150px
	}
	.inner-banner {
		height: 520px
	}
	.accordion .link {
		padding: 16px 15px 16px 16px
	}
	.accordion .link h4 {
		font-size: 17px;
		line-height: 21px
	}
	.submenu td .tooltip {
		font-size: 12px;
		line-height: 16px
	}
	.collaps-table p,
	.p-inn-box {
		font-size: 12px;
		line-height: 16px;
		word-break: break-word
	}
	.accordion li i {
		font-size: 13px
	}
	.submenu td .tooltip {
		bottom: 21px;
		left: -6px
	}
	.hybrid-server .jtl_right {
		width: 100%
	}
	#sd span,
	.package_box ul li span {
		margin-right: 1px
	}
	.hybrid-server .txt-blue {
		display: inline-block
	}
	.p-inn-box {
		min-height: auto
	}
	.testi-inner {
		width: 86%
	}
	.testi-inner>.wp-stars {
		display: block
	}
	.testi-inner h6 a {
		font-size: 18px;
		line-height: 25px
	}
	.slick-prev {
		left: 33%
	}
	.slick-next {
		right: 33%
	}
	.technology-service h3,
	h2 {
		font-size: 23px;
		line-height: 27px
	}
	.product-consult {
		margin-top: 102px
	}
	.server-packages h6 {
		font-size: 17px;
		line-height: 25px
	}
	.circel_box .circel_content p {
		font-size: 14px;
		line-height: 24px
	}
	.details .txt-blue {
		display: inline-block
	}
	.wawi-img img {
		width: 35%
	}
	.wawi-text h3 {
		padding-top: 25px
	}
	.main-container {
		margin-top: -3px
	}
	#wdc-style .input-group .input-group-btn::after {
		right: 21px;
		font-size: 20px;
		top: 23px
	}
	.blog-left .blog-content a,
	.blog-right a,
	.blog-right a h4 {
		font-size: 16px;
		line-height: 20px
	}
	.common-template p {
		font-size: 15px;
		line-height: 23px
	}
	.bread-cum-header ul li:last-child {
		width: 30%
	}
	.bread-cum-header span {
		width: 80%;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
		text-overflow: ellipsis
	}





/*----------------------------start--new menu css style--------------------------------*/





	.main-navigation nav ul {
	    width: 75%;
	}
	.newContBox h4 {
	    font-size: 14px;
	    line-height: 14px;
	}




/*----------------------------end--new menu css style--------------------------------*/








}

@media screen and (max-width:360px) {
	.site-header .logo,
	.site-header.fixed .logo {
		width: 140px
	}
	.benifit_cercil {
		width: 100%;
		height: 320px
	}
	.m-menu-box h4 {
		font-size: 14px;
		line-height: 14px
	}
	.bread-cum-header {
		top: 72px
	}
	#common-banner::before {
		height: 656px
	}
	.bar-text {
		font-size: 11px;
		line-height: 20px
	}
	.inner-txt p {
		font-size: 17px;
		line-height: 30px
	}
	.innr-bannerv2 .inner-banner-content .in-ban-rgt {
		width: 100%
	}
	.collaps-table p,
	.p-inn-box {
		font-size: 10px;
		line-height: 15px
	}
	.accordion li i {
		font-size: 11px
	}
	.submenu td .tooltip-container {
		padding-right: 3px
	}
}

@media screen and (max-width:320px) {
	.common-template {
		padding-top: 88px
	}
	.banner h1,
	.banner h2 {
		width: 160px
	}
	.site-header .logo,
	.site-header.fixed .logo {
		width: 110px;
		margin-top: 10px
	}
	.benifit_cercil {
		width: 100%;
		height: 280px
	}
	#owl-benifits .circel_box.circel_box_1,
	#owl-benifits .circel_box.circel_box_2,
	#owl-benifits .circel_box.circel_box_3,
	#owl-benifits .circel_box.circel_box_4,
	#owl-benifits .circel_box.circel_box_5,
	#owl-benifits .circel_box.circel_box_6 {
		width: 100%
	}
	.circel_box .circel_content h6 {
		font-size: 17px;
		line-height: 23px
	}
	.circel_box .circel_content p {
		font-size: 16px;
		line-height: 26px
	}
	.inner-banner-content h5 {
		display: none
	}
	.inner-banner {
		height: 480px
	}
	.slick-prev {
		left: 30%
	}
	.slick-next {
		right: 30%
	}
	#common-banner h1 {
		width: 182px
	}
	#common-banner h1 span {
		font-size: 16px!important;
		line-height: 21px!important
	}
	#common-banner a.site-btn {
		margin-top: 10px;
		font-size: 15px;
		line-height: 40px!important;
		width: 170px!important
	}
	.innr-bannerv2 .inner-banner-content h1 {
		font-size: 16px;
		line-height: 19px
	}
	.innr-bannerv2 .inner-banner-content h5 {
		font-size: 13px;
		line-height: 20px
	}
	.innr-bannerv2 .inner-banner-content .in-ban-rgt {
		width: 70%
	}
	#wdc-style .large #Search {
		width: 80%;
		font-size: 14px!important
	}
	#wdc-style .input-group .input-group-btn {
		width: 20%!important
	}
	.bread-cum-header span {
		font-size: 10px;
		line-height: 10px
	}
	
	.right .tooltip-managed {
		left: -171px;
	}

 .right .tooltip-managed:before {
    right: 13px;
	}
	
	.performance .tooltip-managed {
    left: -181px;
}
	
	.tooltip-managed::before{
	  right:1px;
	}	
}