@media screen and (max-width: 2560px){
	/* Your Custom Code Here */
}
@media screen and (max-width: 1920px){
	/* Your Custom Code Here */
}
@media screen and (max-width: 1680px){
	/* Your Custom Code Here */
}
@media screen and (max-width: 1440px){
	/* Your Custom Code Here */
}
@media screen and (max-width: 1366px){
	/* Your Custom Code Here */
}
@media screen and (max-width: 1200px){
	/* Your Custom Code Here */
	/*Background-overlay*/
	#particles-js{
		padding-bottom: 150px;
	}
	#page-scroll a span{
		display: none;
	}
	.background-overlay{
		height: auto;
	}
	.background-overlay canvas{
		display: none;
	}
	.top-overlay-bars{
		text-align: center;
	}
	.top-overlay-bars .bar-text{
		padding-top: 15px;
	}
	.top-overlay-bars .bar-text p{
		color: #d0a5fc;
	}
	/*Video Section*/
	.video-details .video-button .video-overlay{
		padding: 177px;
	}

}

@media screen and (max-width: 1024px){
	/*Background-overlay*/
	.background-overlay{
		height: auto;
	}
	.background-overlay canvas{
		display: none;
	}
	#particles-js{
		padding-bottom: 150px;
	}
	#page-scroll a span{
		display: none;
	}
	.background-overlay .bg-overlay-content .bg-left-section{
		top: 30px;
		text-align: center;
	}
	.background-overlay .bg-overlay-content .bg-left-section p{
		padding: 20px 20px;
	}
	/*Video Section*/
	.video-details .video-info{
		padding-right: 0;
	}
	.video-details .video-info{
		text-align: center;
		margin-bottom: 20px;
	}
	/* Services */
	.services-box .service-heading p{
		padding: 20px 25px;
	}
	/* About */
	.about-section .about-details p{
		text-align: center;
	}
	.about-section .about-details h1{
		font-size: 66px;
		text-align: center;
	}
	.about-section .about-details .about-bar p{
		text-align: left;
	}
	.about-section .about-details .about-button{
		margin-left: 20px;
	}
	/* Features */
	#features .whyUs-title{
		text-align: center;
	}
	#features .whyUs-title button{
		margin-top: 25px;
	}
	/* Experience */
	.experience-text .exp-number h1{
		font-size: 20em;
		position: relative;
		top: 50px;
	}
	.experience-text .exp-middle h1{
		font-size: 35px;
	}
	.experience-text .exp-middle p{
		font-size: 14px;
	}
	/* Faq Section */
	.faq-headings{
		padding: 20px 0px;
		text-align: center;
	}
	/*Pricing Tables*/
	#pricing .pricing-title P{
		padding: 10px;
	}

	/*-------
		APP-Landing Page Responsive.
	--------*/
	.app-stats{
		padding-top: 30px;
	}
	.promo .promo-card{
		margin-bottom: 25px;
	}
	.responsive-design .res-details h1{
		font-size: 2.4rem;
	}
}
@media screen and (max-width: 990px){
	/*Blog UI*/
	.blog-ui .left-content{
		text-align: center;
		margin-bottom: 25px;
	}
	.posts .col-xl-6{
		margin-bottom: 20px;
	}
	.blog-ui .posts{
		padding: 0;
	}
	/* Team-UI */
	.team-ui .team-box{
		height: 290px;
	}
	.team-visible-sm{
		display: block;
	}
	/* Experience */
	.experience-boxes .box-two{
		margin-bottom: 20px;
	}
	.blog-ui .blog-sidebar .widgets .popular-posts .image{
		text-align: center;
	}
	.blog-ui .blog-sidebar .widgets .popular-posts h4{
		text-align: center;
	}
	.blog-ui .blog-sidebar .widgets .popular-posts .image img{
		width: 50%;
		margin-bottom: 20px;
	}
	.blog-ui .blog-sidebar .widgets .popular-posts .title{
		text-align: center;
	}
	/* Blog Page */
	.blog-ui .blog-card-full .blog-card-image img{
		margin: 0;
	}
	/* Footer */
	.footer .footer-col-2{
		padding: 0;
	}
	/*-------
		APP-Landing Page Responsive.
	--------*/
	.app-bg-overlay .app-info h1{
		font-size: 40px;
	}
	.app-bg-overlay .app-info p{
		font-size: 14px;
	}
	.app-bg-overlay .app-text .update p{
		font-size: 11px;
	}
	.app-bg-overlay .app-text .update p span{
		font-size: 11px;
	}
	.app-bg-overlay .app-buttons .btn-link{
		display: none;
	}
	.app-bg-overlay .app-buttons button{
		margin-bottom: 25px;
	}
	#app-features .app-heading p{
		padding: 0px;
	}
	#app-features .app-features .fea-image img{
		margin-bottom: 20px;
	}
	#app-features .app-features{
		margin: 0px;
	}
	#app-screens .screen-title P{
		font-size: 16px;
	}
	.responsive-design .res-image img{
		width: 100%;
		height: auto;
	}
	.responsive-design .res-details h1{
		font-size: 1.4rem;
	}
	.responsive-design .res-details p{
		font-size: 13px;
		padding-top: 5px;
	}
	#trusted{
		padding-bottom: 0px;
	}
	.trusted-container.swiper-container-initialized.swiper-container-horizontal{
		overflow: hidden;
	}
	#app-screens .screen-title P{
		padding: 0px;
	}
	#trusted .trusted-heading p{
		padding: 0px;
	}
	/*-------
		Hosting-Landing Page Responsive.
	--------*/
	.hosting-form{
		margin-top: 50px;
	}
	.domain-content .domain-box{
		text-align: center;
		margin-bottom: 20px;
	}
	.hosting-features{
		text-align: center;
	}
	.hosting-features .host-fea-icon{
		padding: 20px 0px;
		margin-bottom: 20px;
	}
	.hosting-features .host-fea-icon span{
		top: 0;
	}
	.hosting-features .host-fea-details h4{
		padding-top: 15px;
	}
	.customer-support .support-details{
		top: 0px;
		text-align: center;
		padding: 20px 0px;
	}
	.data-centre-overlay .centre-heading h1{
		font-size: 21px;
	}
	.data-centre-overlay .centre-heading p{
		font-size: 15px;
	}
	.data-locations .alt-four{
		left: 450px;
	}
	.data-locations .alt-three{
		top: 170px;
		left: 290px;
	}
	.data-locations .alt-two{
		top: 310px;
		left: 170px;
	}
}
@media screen and (max-width: 760px){
	/* Services */
	.services-box .service-heading hr.lines{
		display: none;
	}
	/* About */
	.about-section .about-details h1 b{
		display: block;
	}
	.about-section .about-details h1{
		font-size: 50px;
	}
	.about-section .about-details .about-bar{
		text-align: center;
	}
	.about-section .about-details .about-bar p{
		text-align: center;
	}
	.about-section .about-details .about-button{
		text-align: center;
		margin-bottom: 30px;
	}
	/* About Continue */
	.about-continue .continue-text{
		text-align: center;
	}
	.about-continue .continue-features > .row{
		justify-content: center;
	}
	.about-continue .continue-features .continue-boxes{
		margin-bottom: 40px;
	}
	.about-continue .continue-features .continue-one{
		top: 0;
		left: 0;
	}
	.about-continue .continue-features .continue-three{
		top: 0;
		right: 0;
	}
	.about-continue .continue-features .continue-one:hover,
	.about-continue .continue-features .continue-three:hover{
		top: 0;
	}
	/* Features */
	#features .owl-carousel .carousel-bars .caro-box-icon{
		justify-content: flex-start;
	}
	#features .owl-carousel .carousel-bars .caro-box-icon span{
		border: 1px solid #8331d9;
	  border-radius: 4px;
	  background: #410084;
		color: white;
	}
	#features .owl-carousel .carousel-bars .caro-box-info h4{
		margin-top: 20px;
	}
	/* Experience */
	.experience-boxes .row > div{
		padding: 0 90px;
		margin: 20px 0px;
	}
	.experience-text .exp-number h1{
		font-size: 15em;
	}
	.experience-text .exp-middle{
		margin-left: 15px;
	}
	/*Blog UI*/
	.blog-ui .posts{
		padding: 0;
	}
	.details-description .comments .comment-body .comment-author-img img{
		width: 80px;
		margin-bottom: 10px;
	}
	.details-description .comments .comment-author-details {
		padding-left: 25px;
	}
	/* Subscribe */
	.subscribe{
		text-align: center;
	}
	.subscribe .text{
		padding-bottom: 15px;
	}
	/*-------
		APP-Landing Page Responsive.
	--------*/
	.app-bg-overlay .app-top img{
		transform: rotateZ(45deg);
	}
	.overlay-bottom-wave img{
		display: none;
	}
	.app-social-icons{
		display: none;
	}
	.app-features .fea-lists h4{
		margin-top: 70px;
	}
	.responsive-design{
		padding-bottom: 100px;
	}
	#trusted .trusted-heading p{
		font-size: 16px;
	}
	.team-ui .team-headings{
		margin-bottom: 40px;
	}
	.app-stats .app-numbers{
		text-align: center;
	}
	.app-stats .app-numbers p span{
		display: block;
	}
	/*-------
		Hosting-Landing Page Responsive.
	--------*/
	.data-locations .alt-one{
		top: 120px;
		left: 90px;
	}
	.data-locations .alt-two{
		top: 230px;
		left: 115px;
	}
	.data-locations .alt-three{
		top: 120px;
		left: 190px;
	}
	.data-locations .alt-four{
		left: 270px;
	}
	.data-locations .alt-five{
		left: 140px;
	}
}
@media screen and (max-width: 570px){
	/* WhyUs */
	#whyUs .owl-carousel .carousel-bars .caro-box-info h4{
		padding: 15px 5px;
		padding-bottom: 0px;
	}
	#whyUs .owl-carousel .carousel-bars .caro-box-info p{
		padding-right: 50px;
	}
	/* Experience */
	#experience{
		padding: 40px 0px;
	}
	.experience-text .exp-middle h1{
		padding-top: 0px;
	}
	.experience-text .exp-middle{
		top: 0px;
		text-align: center;
	}
	.experience-boxes .box-two{
		margin: 20px 0px;
	}
	/*Team UI*/
	.team-ui{
		padding: 0px 50px;
	}
	/*Footer*/
	.footer .footer-col-1 .footer-text p{
		padding-right: 50px;
	}
	.copyright .links ul{
		text-align: left;
	}
	.copyright .copy p{
		padding-top: 5px;
		text-align: left;
	}
	/*-------
		APP-Landing Page Responsive.
	--------*/
	.app-bg-overlay .app-info{
		padding-top: 70px;
	}
	.app-features .fea-lists{
		text-align: center;
	}
	.responsive-design .res-details .headings p,h1{
		text-align: center;
	}
	.responsive-design .res-details .google-download{
		text-align: center;
	}
}
@media screen and (max-width: 500px){
	/*-------
		Hosting-Landing Page Responsive.
	--------*/
	.data-locations .alt-one{
		top: 100px;
		left: 65px;
	}
	.data-locations .alt-two{
		top: 195px;
		left: 85px;
	}
	.data-locations .alt-three{
		top: 100px;
		left: 160px;
	}
	.data-locations .alt-four{
		top: 100px;
		left: 200px;
	}
	.data-locations .alt-five{
		top: 190px;
		left: 90px;
	}
	#contact{
		padding: 20px;
	}
	.signup .sign-up__form{
		padding-right: 0px;
	}
	.signup .sign-up__icon{
		margin-top: 40px;
	}
	.sign-up__form .social-login .btn{
		font-size: 13px;
	}
}