/* lg */ 
@media (min-width: 1400px) {
	
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

	.banner-info h1 {
		font-size: 55px;
	}
	.banner-info h2 {
		font-size: 24px;
	}
	.hosting-pack .btn.btn-primary {
		padding: 15px;
		width: 100%;
	}	
	.support-image {
	    right: -165px;
	    width: 450px;
	}
	.support-content,
	.gb-support .section-title {
	    max-width: 645px;
	}	
	.gb-support .support {
		padding: 30px 10px;
	}	
	.testimonial-title h2 {
		font-size: 22px;
	}	
	.testimonial {
		padding: 30px 25px;
	}
	.page-title h1 {
		font-size: 55px;
	}
	.page-title h2 {
		font-size: 26px;
	}
	.plan-top .now-offer {
		padding: 10px 25px;
	}
	.hsoting-features .hosting-pack h2 {
		font-size: 21px;
	}
	.hsoting-features .pack-list {
		padding: 0 15px;
	}
	.hsoting-features .pack-list li {
		padding-left: 30px;
	}
	.gb-blog.column-1 .entry-title {
		font-size: 28px;
	}
	.pagination li {
		margin-right: 10px;
	}
	.col-lg-3 .widget-area .post-comment,
	.col-lg-3 .widget-area .post-date {
		float: none;
	}
	.plan-four-colum .plan-top {
		padding: 30px 15px;
	}
	.question {
		padding: 20px;
	}
	.pricing-plan {
		padding: 50px 20px;
	}
	.banner-three:hover .carousel-control-prev {
		left: 15px;
	}
	.banner-three:hover .carousel-control-next {
		right: 15px;
	}
	.mega-menu .hosting-pack h1 {
		font-size: 20px;
	}
	.gb-menu .gb-dropdown-menu.mega-menu li .nav-link {
		padding: 5px 10px;
	}
	.mega-menu .hosting-pack {
		padding: 30px 0;
		font-size: 13px;
	}
	.gb-dropdown-menu .gb-dropdown .gb-dropdown-menu {
		left: -100%;
	}


}

@media (max-width: 991px) {
	
	.support-image {
		display: none;
	}
	.footer-widget h3 {
		font-size: 20px;
	}
	.menu-content {
	    display: inherit;
	    flex-wrap: inherit;
	    align-items: inherit;
	    width: inherit;	
	}	
	.gb-user {
		position: absolute;
		top: 2px;
		right: 60px;
	}
	.navbar-collapse {
		background-color: #4756ca;
	}
	.gb-dropdown.mega-dropdown {
		position: relative;
	}
	.footer-two .footer-widget::before {
		display: none;
	}
	.footer-two .footer-widget {
		min-height: inherit;
	}
	.pagination li {
		margin-right: 3px;
		margin-bottom: 8px;
	}
	.pagination li a {
		padding: 5px 12px;
		font-size: 14px;
	}
	.pagination li.gb-prev:first-child a, 
	.pagination li.gb-next:last-child a {
		padding: 5px 25px;
	}
	.masonry-two-column .gb-post,
	.masonry-three-column .gb-post {
		width: 100%;
	}
	.masonry-two-column.no-sidebar .gb-post,
	.masonry-three-column.no-sidebar .gb-post {
		width: 50%;
	}	
	.breadcrumb-info ul li:nth-child(even), 
	.server-includes ul li:nth-child(even)	{
		padding-right: 0;
	}			
	.gb-menu .navbar-nav .nav-link {
		padding: 10px 20px;
	}	
	.gb-live-chat {
		right: 15px;
	}
	.mega-menu .hosting-pack h1 {
		font-size: 20px;
	}
	.gb-menu .navbar-nav > .nav-item {
		margin-right: 0;
	}
	.gb-menu .gb-dropdown-menu {
		min-width: 100%;
	}
	.gb-dropdown-menu .gb-dropdown .gb-dropdown-menu {
		left: 0;
		top: 100%;
		width: 100%;
	}	
	.mega-menu > li {
		width: 50%;
	}
	.mega-menu > li:nth-child(1),
	.mega-menu > li:nth-child(2) {
		padding-bottom: 0;
	}
	.mega-menu > li:nth-child(3),
	.mega-menu > li:nth-child(4) {
		padding-top: 0;
	}
	.hompage-2 .gb-logo {
		display: none;
	}	
	.gb-topbar .right-content {
		float: none;
		 margin-right: 0;
	}
	.gb-menu.menu-two .navbar-nav>.nav-item>.nav-link {
		padding: 10px 0;
	}
	.hompage-2 .menu-content {
		margin-top: 10px;
	}
}



/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	
	.hosting-pack-content .col-lg-3:last-of-type,
	.hosting-pack-content .col-lg-3:nth-child(2),
	.hosting-pack-content .col-lg-3:nth-child(4),
	.hosting-pack-content .col-lg-3:nth-child(6) {
		border-right: 0;
	}	
	.cta-info-box {
		padding: 30px 15px;
	}
	.cta-info-box .style-top {
		left: -65px;
	}
	.cta-info h1 {
		font-size: 30px;
	}
	.top-content .newsletter {
		max-width: 550px;
	}	
	.top-content .form-control {
		width: 295px;
		margin-right: 20px;
	}	
	.top-content .btn.btn-primary {
		padding: 17px 40px;
		font-size: 16px;
	}
	.footer-bottom ul li {
		margin-right: 15px;
	}
	.banner-info h1 {
		font-size: 55px;
	}
	.banner-info h2 {
		font-size: 22px;
	}	
	.page-title h1 {
		font-size: 50px;
	}
	.page-title h2 {
		font-size: 26px;
	}
	.pricing-plan {
		padding: 50px 15px;
	}
	.pricing-list li {
		padding-left: 25px;
	}
	.gb-steps .step {
		margin: 20px 0;
	}
	.gb-topbar .right-content > ul > li {
		margin-right: 25px;
	}
	.gb-features ul li {
		width: 50%;
		margin-bottom: 30px;
	}
	.gb-features ul li:nth-child(even) .feature-before:before{
		display: none;
	}
	.footer-two .footer-widget h3 {
		font-size: 24px;
	}
	.footer-two .footer-bottom {
		text-align: center;
	}
	.footer-two .footer-bottom span {
		display: block;
		margin-bottom: 20px;
	}
	.footer-two .footer-bottom .float-left,
	.footer-two .footer-bottom .float-right {
		float: none !important;
	}	
	.footer-two .footer-widget {
		margin-bottom: 40px;
		max-width: 500px;
	}
	.gb-support.support-two .support {
		padding: 30px 15px;
	}
	.blog-style-two .widget {
		padding: 30px 20px;
	}
	.gb-blog.column-1 .entry-title,
	.blog-details .entry-title {
		font-size: 24px;
	}	
	.pricing-plan {
		margin-bottom: 30px;
	}
	.breadcrumb-info ul li, 
	.server-includes ul li	{
		width: 50%;
		padding-right: 30px;
	}
	.footer-top .col-sm-6.col-md-3	{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;		
	}
	.top-content {
		margin-bottom: 70px;
	}
	.footer-widget h3 {
	    margin: 30px 0 20px;
	}
	.pricing-plan .price h2 {
		font-size: 24px;
	}
	.plan-top .now-offer {
		padding: 10px 25px;
	}
	.plan-three-colum .pricing-list li {
		font-size: 14px;
	}	
	.plan-three-colum .pricing-plan {
		padding: 50px 12px;
	}
	.plan-four-colum .pricing-plan.plan-active h1 {
		padding-top: 0;
	}
	.plan-four-colum .pricing-plan.plan-active {
		margin-top: 0;
	}	
	.plan-four-colum .pricing-plan .style-top {
		top: -45px;
	}
	#home-carousel .banner-info,
	#home-carousel .banner-info h1 {
		margin-top: 0;
	}
	#home-carousel .banner-image {
		margin-top: 25px;
	}
	.banner-three .banner-info h1 {
		font-size: 36px;
	}
	.gb-user {
	    position: absolute;
	    right: 80px;
	    top: 0;
	}	
	.account-content {
		width: 650px;
		padding: 90px 54px;
	}
	.gb-topbar .container {
		padding: 0;
	} 
	.gb-image.cloud3 {
		right: -75px;
	}
	.gb-image.cloud2 {
		left: -50px;
	}
	.gb-image img {
		width: 90%;
	}
	.gb-image.cloud1 {
		bottom: 15px;
		left: 0;
	}

}

/* xs */
@media (max-width: 767px) {
	
	.gb-banner.banner-one .container {
		margin-top: -50px;
	}
	.gb-banner.banner-one .item-middle {
		height: 550px;
	}
	.banner-info span {
		margin-top: 35px;
	}
	.banner-info .btn.btn-primary {
		margin-top: 20px;
	}
	.banner-info h1 {
		font-size: 40px;
	}
	.banner-info h2 {
		font-size: 20px;
	}
	.btn.btn-primary,
	.gb-form .btn.btn-primary {
		padding: 10px 25px;
	}
	.banner-image {
		margin-top: 30px;
	}
	.hosting-packages {
		margin-top: -90px;
	}
	.hosting-packages::before {
	    border-bottom: 90px solid #fff;
	    border-left: 1000px solid transparent;
	}	
	.gb-menu .container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.hosting-pack-content .col-lg-3 {
		border-right: 0;
	}
	.section-title {
		margin-bottom: 40px;
	}
	.service {
		margin: 20px 0;
	}
	.service h2,
	.testimonial-title h2 {
		font-size: 22px;
	}
	.testimonial-slider .slick-dots {
		bottom: -50px;
	}
	.gb-support .support {
		margin-top: 30px;
	}
	.gb-support .section-title h1 {
		margin-bottom: 20px;
	}
	.section-title h1 {
		font-size: 26px;
	}
	.section-padding, 
	.page-content {
		padding: 80px 0;
	}
	.gb-support .section-title {
		margin-bottom: 30px;
	}
	.gb-features .feature {
		margin:20px 0;
	}
	.cta-info {
		margin: 0;
	}
	.cta-info-box.float-right{
		float: none !important;
	}
	.cta-info-box {
		margin-top: 100px;
		padding: 30px 20px;
	}
	.style-top {
		width: 90px;
		height: 90px;
		top: -45px;
		left: -10px;
	}
	.style-top::before {
	    bottom: -6px;
	    right: 10px;
	    z-index: 9999;
	    border-top: 20px solid #f38f00;
	    border-left: 6px solid transparent;
	}	
	.style-top::after {
	    bottom: -9px;
	    right: 6px;
	    border-top: 20px solid #fff;
	    border-left: 8px solid transparent;
	}	
	.style-top p {
		margin-top: 24px;
	}
	.cta-info h1 {
		font-size: 30px;
		margin-top: 0;
	}
	.footer-bottom {
		text-align: center;
	}
	.footer-bottom span {
		display: block;
		margin-bottom: 20px;
	}
	.top-content {
		margin-bottom: 50px;
	}
	.top-content .logo h1 {
		margin-top: 0;
	}
	.top-content .float-right,
	.top-content .float-left,
	.footer-bottom .float-left,
	.footer-bottom .float-right {
		float: none !important;
	}
	.top-content .form-inline {
		display: block;
		margin-top: 30px;
	}
	.top-content .form-control {
		width: 100%;
		margin-right: 0;
	}
	.top-content .btn.btn-primary {
		font-size: 16px;
		width: 100%;
	}
	.footer-widget h3 {
		margin: 30px 0 20px;
	}
	.footer-top {
		padding: 80px 0;
	}
	.gb-user .btn.btn-primary {
		padding: 8px 40px;
	}	
	.gb-features ul li {
		width: 100%;
	}
	.feature-before::before {
		display: none;
	}
	.gb-form .form-control {
		margin-bottom: 15px;
	}
	.contact-form {
		margin-bottom: 40px;
	}	
	.contact-info {
	    border-left: 0;
	    padding-left: 0;
	}	
	.contact-info h2 {
		margin-bottom: 15px;
	}
	.contact-info .contact h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.contact-info .contact li {
		margin-bottom: 20px;
	}
	.gb-form .btn.btn-primary {
		margin-top: 10px;
	}
	.gb-contact h1 {
		margin-bottom: 30px;
	}
	.gb-blog.column-1 .entry-title,
	.blog-details .entry-title {
		font-size: 24px;
	}
	.gb-sidebar {
		margin-top: 30px;
	}
	.top-content .form-control {
		margin-bottom: 15px;
	}
	.page-title h1 {
		font-size: 36px;
	}
	.gb-post {
		margin-bottom: 30px;
	}
	.masonry-two-column.no-sidebar .gb-post,
	.masonry-three-column.no-sidebar .gb-post {
		width: 100%;
	}
	.breadcrumb-info ul li, 
	.server-includes ul li	{
		width: 50%;
	}
	.pricing-plan.plan-active {
		margin-top: 20px;
	}
	.pricing-plan .style-top {
		top: -20px;
	}
	.pricing-plan {
		margin-bottom: 30px;
	}
	.plan-four-colum .pricing-plan {
		padding: 50px 30px;
	}
	.gb-steps .step {
		margin-bottom: 40px;
	}
	.col-lg-4:last-of-type .step,
	.col-md-6:last-of-type .pricing-plan  {
		margin-bottom: 0;
	}
	.application {
		margin: 20px 0;
	}
	.application h2,
	.gb-steps .step h1,
	.page-title h2 {
		font-size: 18px;
	}
	.plan-top {
		background-size: cover;
	}
	.btn.btn-primary {
		font-size: 14px;
	}
	.breadcrumb-info .btn.btn-primary, 
	.server-includes .btn.btn-primary {
		padding:10px 40px;
	}
	.banner-three .banner-info h1 {
		font-size: 30px;
	}
	.banner-three  .item-middle {
		height: 550px;
	}	
	.banner-info h1 {
		margin-top: 0;
	}
	.navbar-toggler-right {
		right: 0;
	}
	.carousel-control-prev, 
	.carousel-control-next {
	    font-size: 18px;
	    height: 30px;
	    line-height: 30px;
	    width: 25px;
	}	
	.hosting-pack h2, .hsoting-features .hosting-pack h3,
	.account-content h1 {
		font-size: 24px;
	}
	.gb-live-chat {
		right: 5px;
	}
	.banner-three .banner-image {
		text-align: center;
	}
	.account-content {
		width: inherit;
		padding: 70px 30px;
	}	
	.account-content form .float-left,
	.account-content form .float-right {
		float: none !important;
	}
	.forgot-password {
		margin: 20px;
	}
	.gb-topbar .container {
		width: 100%;
	}
	.gb-dropdown-menu.mega-menu ul.gb-dropdown-menu {
		min-width: 100%;
	}
	.banner-image {
		display: none;
	}
	.breadcrumb {
		margin-top: 15px;
	}
	.Contact-page .gb-breadcrumb {
		padding: 150px 0 280px;
	}
	.gb-application .section-title.text-center,
	.gb-application .section-title h1,
	.gb-services .section-title,
	.gb-services .section-title h1{
		text-align: left !important;
	}
	.gb-services.services-two .section-title,
	.gb-services.services-two .section-title h1 {
		text-align: center !important;
	}
	.testimonial-slider .slick-dots li {
		width: 30px;
	}

}

/* XS Portrait */
@media (max-width: 575px) {
	
	.gb-user .btn.btn-primary {
		padding: 8px 15px;
	}
	.hosting-packages {
		margin-top: -70px;
	}	
	.hosting-packages::before {
	    border-bottom: 70px solid #fff;
	    border-left: 700px solid transparent;
	}
	.gb-support .support {
		margin-top: 15px;
	}
	.blog-style-two .gb-post, 
	.blog-style-two .widget, 
	.blog-style-two .gb-pagination {
		padding:15px;
		margin-bottom: 15px;
	}
	.blog-social ul {
		margin-top: 8px;
	}
	.blog-social ul li {
		margin-right: 5px;
	}
	.blog-social ul li a {
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 14px;	
	}
	.question,
	.pricing-plan {
		margin-bottom: 15px;
	}
	.breadcrumb-info ul li, 
	.server-includes ul li {
		width: 100%;
		padding-right: 0;
	}
	.gb-breadcrumb {
		padding: 150px 0 100px;
	}
	.page-title h1,
	.banner-info h1 {
		font-size: 30px;
	}
	.footer-widget h3,
	.gb-features .feature h2,
	.service h2, .testimonial-title h2,
	.banner-two .banner-info,
	.contact-info .contact h3 {
		font-size: 18px;
	}
	.section-title h1,
	.cta-info h1 {
		font-size: 24px;
	}
	.hosting-vps .breadcrumb-info {
		margin-top: 35px;
	}
	.item-middle {
	    height: 450px;
	}
	.middle-content .container,
	.banner-three .carousel-item,
	.banner-three  {
		width: 100%;
	}
	.banner-three {
		padding: 120px 0;
	}
	.banner-three .item-middle,
	.banner-three .middle-content{
		display: block;
		height: inherit;
	}
	.mega-menu > li {
		width: 100%;
		border-right: 0;
	}
	.mega-menu > li:nth-child(1) {
		padding-bottom: 0;
	}
	.mega-menu > li:nth-child(3) {
		padding-bottom: 0;
	}
	.mega-menu > li:nth-child(2) {
		padding-top: 0;
	}
	.gb-topbar {
		padding: 15px 0;
	}
	.gb-topbar .right-content > ul > li {
		margin-right: 10px;
		line-height: 30px;
	}
	.navbar-brand img {
		max-width: 65%;
	}	
	.breadcrumb-info ul li, 
	.server-includes ul li {
		margin:20px 0;
	}
	.carousel-control-prev, 
	.carousel-control-next {
		bottom: 50px;
		top: inherit;
	}
	.banner-three .carousel-control-prev,
	.banner-three:hover .carousel-control-prev {
		left: 20px;
	}
	.banner-three .carousel-control-next,
	.banner-three:hover .carousel-control-next {
		right: inherit;
		left: 60px;
	}				
}


/* XS Portrait */
@media (max-width: 475px) {
	.breadcrumb-info ul li, .server-includes ul li {
		margin: 10px 0;
	}
}