

@media (min-width: 992px) {	
	.boxes-expand-wrapper .sppb-row-column.box-open {
		max-width: 50%!important;
		flex-basis: 50%!important;
	}
	.expand-boxies-main{
		display: flex;
	}
	.exp-box.expand {
		width: 50%;
		transition: width 0.3s;
		display: block;
		z-index: 1;
	}
	.exp-box{
		width: 25%;
		min-height: 450px;
	}	
	.expand-boxies-main .exp-box:nth-child(2), 
	.boxes-expand-wrapper .sppb-row-column:nth-child(2) {
		border-right: 2px solid #2e3c46;
		border-left: 2px solid #2e3c46;
	}
	.no-border-r{border-right-width: 0px!important;}	
	.conf-services .hub-content .hub-banner {
		width: 50%;
		flex: 0 0 auto;
	}	
	.certs-section > .sppb-row-container > .sppb-row > .sppb-row-column:not(:last-child) {
		border-right: 1px solid #DDD;
	}
	.speasyimagegallery-row > div {
		min-height: 150px;
	}
}

@media (min-width: 1400px) and (max-width: 1699px){
	h1, .h1 {
		font-size: 60px;
	}
	h2, .h2 {
		font-size: 50px;
	}
	h3, .h3 {
		font-size: 40px;
	}
	h4, .h4 {
		font-size: 30px;
	}
	.sp-page-title .sp-page-title-heading {
		font-size: 60px;
	}	
}

@media (min-width: 992px) and (max-width: 1399px){
	h1, .h1 {
		font-size: 50px;
	}
	h2, .h2 {
		font-size: 35px;
	}
	h3, .h3 {
		font-size: 30px;
	}
	h4, .h4 {
		font-size: 25px;
	}
	.sp-page-title .sp-page-title-heading {
		font-size: 50px;
	}
	.sp-page-title .sp-page-title-sub-heading {
		font-size: 30px;
	}
	.logo-image {
		height: 65px;
	}
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
		padding: 0 20px;
	}
}

@media (max-width: 1499px) {
	#sp-menu .top-text, #mod-custom119 .phone-txt {
		display: none;
	}
	a.btn.btn-primary.support-top {
		padding: 6px 12px;
		font-size: 20px;
		animation: 1s button 5s ease infinite;
		animation-fill-mode: forwards;
	}	
	@keyframes button {
		0% 	 {transform: scale(1.05);}
		25% {transform: scale(1);}
		50% 	 {transform: scale(1.05);}
		100% {transform: scale(1);}
	}
	._access-menu ul._access-scrollbar {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1199px) {
	#homepageIntroSlider .sliderContent {
		padding-left: 50px;
		padding-right: 50px;
	}	
	.voiprightlines {
		top: unset;
		bottom: 50px;
		height: 200px;
	}
	.exp-box-inner {
		flex-direction: column;
	}
	.boxes-expand-wrapper .sppb-row-column .sppb-column-addons {
		flex-direction: column;
		min-height: unset;
		justify-content: center;
	}
	.exp-box-wrapper {
		width: 100%!important;
	}
	.exp-box-title {
		padding: 20px;
		min-width: 0!important;
	}
	.exp-box-text {
		padding: 0 20px;
	}
	.moving-shapes {
		display: none;
	}
	#column-id-acdbfc98-1081-4620-ab60-bc5dbdbfcf32 .sppb-column-addons {
		flex-direction: column;
		align-items: flex-start;
	}
	.sp-simpleportfolio .sp-simpleportfolio-item {
		padding: 30px;
	}
	.conf-services .hub-tabs {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.slide4Animation.container {
        transform: skewY(-20deg) scale(0.9);
    }
}

@media (min-width: 992px) and (max-width: 1090px) {
	#sp-header .logo .logo-image {
		height: 55px;
	}
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
		font-size: 20px;
		padding: 0 12px;
	}
}

@media (max-width: 1100px) and (orientation: portrait){
	.hectorSlider .carousel-item {
		height: 60vh;
	}
}

@media (max-width: 991px) {
	#sp-header {
		height: 80px;
		padding-top: 10px;
	}
	.logo-image {
		height: 50px;
	}
	.homepageIntroSlider a.sliderLink {
		font-size: 30px;
		width: 60px;
		height: 60px;
		border-radius: 15px;
		border-width: 2px;
	}
	.carousel-controls {
		height: 50px;
		width: 110px;
	}
	.carousel-controls .carousel-control-prev, .carousel-controls .carousel-control-next {
		width: 50px;
		height: 50px;
		border-radius: 15px;
	}
	.exp-box-title h4 {
		font-size: 22px;
	}
	.exp-box-title i {
		font-size: 60px;
		margin-bottom: 20px;
	}
	.exp-box-text {
		padding: 0 30px 30px;
	}
	.showLink {
		margin-top: 0;
	}
	.movingContainer > p {
		font-size: 40px;
	}
	#backup-office h3.sppb-addon-title {
		min-height: 0;
	}
	.boxes-expand-wrapper .sppb-row-column:nth-child(2), .expand-boxies-main .exp-box:nth-child(2){
		border-top: 2px solid #2e3c46;
		border-bottom: 2px solid #2e3c46;
	}
	.boxes-expand-wrapper .addon-root-text-block,
	.boxes-expand-wrapper .addon-root-feature:nth-child(2) {
		display: none;
	}
	.boxes-expand-wrapper .box-open .addon-root-text-block,
	.boxes-expand-wrapper .box-open .addon-root-feature {
		display: block;
	}
	div#sppb-addon-204ce7ea-f916-44fe-9ee0-aaa6bb0b45f6 .sppb-media > .pull-left {
		float: none !important;
		margin-bottom: 50px;
	}
	.no-border-r{border-bottom-width: 0px!important;}
	.flex-child > .sppb-column-addons {
		flex-direction: column;
		justify-content: end;
	}
	.sp-page-title .sp-page-title-sub-heading {
		font-size: 25px;
	}
	.rsform-block-name, .rsform-block-company, .rsform-block-phone, .rsform-block-email, .rsform-block-message, .rsform-block-agreement {
		margin-top: 20px;
	}
	#sp-footer .mobile-copyright {
		color: #000;
		margin-top: 30px;
	}
	#sp-footer .mobile-copyright a {
		color: #bd1d25;
	}
	#sp-copyright {
		text-align: center;
	}
	.sp-simpleportfolio .sp-simpleportfolio-items {
		grid-template-columns: repeat(2, 1fr);
	}
	#sp-main-body .sppb-section:not(#homepageIntroSlider) {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.contact-info .sppb-addon-wrapper > div {
		max-width: none;
	}
	.boxes-expand-wrapper .sppb-row-column.box-open:after {
		display: none;
	}
}

@media (min-width: 768px) {	
	 .speasyimagegallery-row > div:nth-child(1), .speasyimagegallery-row > div:nth-child(7), .speasyimagegallery-row > div:nth-child(9) {
		align-items: center;
	}
	.speasyimagegallery-row > div:nth-child(3), .speasyimagegallery-row > div:nth-child(6), .speasyimagegallery-row > div:nth-child(10) {
		align-items: flex-end;
	}
}

@media (min-width: 768px) and (max-width: 1330px) {
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:nth-child(2) ul {left: -25vw;}
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:nth-child(3) ul {left: -50vw;}
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:nth-child(4) ul {left: -75vw;}
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:nth-child(1) ul:before {left: 11.5vw;}
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:nth-child(2) ul:before {left: 36vw;}
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:nth-child(3) ul:before {left: 61vw;}
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:nth-child(4) ul:before {left: 86.5vw;}
	.homepageIntroSlider a.sliderLink {
		width: 75px;
		height: 75px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sp-page-builder .page-content #homepageIntroSlider,
	.hectorSlider .carousel-item {
		height: 60vh;
	}
	.sliderContent {
		width: 100%;
		float: left!important;
	}	
	.slide4Animation.container {
        top: 35%;
        left: 70%;
        transform: skewY(-20deg) scale(0.7);
        position: absolute;
    }
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
		width: 25%;
	}
	#IT-Services .box-border-left {border-radius: 25px 25px 0 0;}
	#IT-Services .box-border-right {border-radius: 0 0 25px 25px;}
	.box1.home-intro-box > .sppb-addon-content {
		display: flex;
		align-items: center;
	}
	.box1.home-intro-box .sppb-img-container {
		width: 20%;
	}
	.box1.home-intro-box .sppb-media-content {
		width: 80%;
		text-align: left;
	}
	.box-border-left:not(.text-boxes) {
		border-radius: 25px 25px 0 0;
	}
	.box-border-right:not(.text-boxes) {
		border-radius: 0 0 25px 25px;
	}
	.offcanvas-menu .offcanvas-inner.sub-menu-open {
		height: 65vh;
	}	
	.conf-services .hub-content .hub-banner {
		width: 40%;
		flex: 0 0 auto;
	}
	.conf-services .hub-content .hub-icon img {
		height: 80px;
	}
	.partners-logos img {
		max-width: 80%;
	}
}

@media (max-width: 920px) and (orientation: landscape) {
	.sp-page-builder .page-content #homepageIntroSlider,
	.hectorSlider .carousel-item {
		height: 120vh;
	}
	#homepageIntroSlider .sliderContent {
		padding: 120px 30px;
	}
	.homepageIntroSlider .typeEffect {
		font-size: 40px!important;
	}
	.homepageIntroSlider a.sliderLink {
		width: 50px;
		height: 50px;
		bottom: -80px;
	}
}

@media (min-width: 600px) and (max-width: 780px) {
	.testimonial-item {
		background-position: 50% 10px;
	}
	.testimonial-inner {
		padding-top: 70px;
	}
}

@media (max-width: 767px) {
	#homepageIntroSlider .sliderContent {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.sliderContent .typeEffect {
		font-size: 40px
	}	
	.slide4Animation.container {
        top: 65%;
        left: 70%;
        z-index: 9;
        transform: skewY(-20deg) scale(0.5);
        position: absolute;
    }
	.services-wrapper .sppb-row-column:nth-child(1) {
		padding-left: 0!important;
	}
	.services-wrapper .sppb-row-column:nth-child(2) {
		padding-right: 0!important;
	}
	.view-page.homepage .box-border-left {border-radius: 25px 25px 0 0}
	.view-page.homepage .box-border-right {border-radius: 0 0 25px 25px}
	#backup-office .sppb-row > div, #homeServices .sppb-row > div {
		margin: -1px 0;
	}
	#supportBoxes .sppb-icon-container > i {
		text-align: center;
	}
	#sp-footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.slick-slider .slick-list {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.slick-track {
		padding: 0 0 60px;
	}
	.slick-dots {
		bottom: 30px;
	}
	.slick-arrow::before {
		padding: 10px;
	}
	.voip-services {
		padding: 30px;
	}
	.infographics > .sppb-column-addons:before {
		width: 100%;
		border-radius: 25px;
	}
	.infographics > .sppb-column-addons:after {
		display: none;
	}
	.sp-page-title .sp-page-title-heading {
		font-size: 40px;
	}
	.box-border-left {
		border-radius: 25px 25px 0 0;
	}
	.box-border-right {
		border-radius: 0 0 25px 25px;
	}
	.offcanvas-menu .offcanvas-inner.sub-menu-open {
		height: 80vh;
	}
	#supportForm .rsform-block-ticket-number {
		float: unset;
		margin-top: 30px;
		gap: 5px;
	}
	.conf-services .hub-content {
		flex-direction: column;
	}
	.conf-services .hub-content .hub-banner {
		width: 60%;
		flex: 0 0 auto;
	}
	.conf-services .hub-content .hub-icon {
		display: none;
	}
	.speasyimagegallery-row {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 575px) {
	.homepageIntroSlider .typeEffect {
		font-size: 44px;
	}
	.homepageIntroSlider .sliderLink {
		font-size: 30px;
		width: 70px;
		height: 70px;
		border-width: 2px;
		border-radius: 15px;
	}
	.home-services-box {
		margin-bottom: 20px;
	}
	.services-wrapper .sppb-row-column {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.sp-page-title .sp-page-title-sub-heading {
		display: none;
	}
	.office365-box > .sppb-addon-content {
		display: flex;
		gap: 10px;
	}
	.office365-box img {
		height: auto;
	}
	.box1.home-intro-box .sppb-media-content {
		width: 100%;
	}
	.home-intro-box .sppb-addon-feature .sppb-img-container {
		display: none !important;
	}
	.hs-consent-banner .hs-banner-buttons {
		flex-wrap: wrap;
	}
	.hs-consent-banner .hs-banner-buttons .hs-btn-accept {
		width: 100%;
	}
	.hs-consent-banner .hs-banner-buttons .hs-btn-reject,
	.hs-consent-banner .hs-banner-buttons .hs-btn-customize {
		width: calc(50% - 5px);
	}
	.why-us-l {
		border-radius: 25px 25px 0 0;
	}
	.why-us-r {
		border-radius: 0 0 25px 25px;
	}
	.sp-simpleportfolio .sp-simpleportfolio-items {
		grid-template-columns: repeat(1, 1fr);
	}
	.conf-services .hub-tabs li {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.conf-services .det-item .det-text {
		font-size: 24px;
	}
	.ticket-form > .d-flex {
		display: block!important;
	}
	.form-block.w-50 {
		width: 100%!important;
	}	
	.speasyimagegallery-row {
		grid-template-columns: repeat(3, 1fr);
	}
	.speasyimagegallery-gallery-item {
		padding: 15px!important;
	}
}

@media (max-width: 399px) {
	.phone-top {
		font-size: 25px;
	}
	a.btn.btn-primary.support-top {
		font-size: 16px;
	}
	#mod-custom119 > .d-flex {
		gap: 15px!important;
	}
	button#theme-toggle {
		margin-right: 0;
		width: 28px;
	}	
	.speasyimagegallery-row {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* Devices with touch */
@media(pointer: coarse){	
	#sl4.active .cube:nth-child(1) > div:nth-child(2) > span:nth-child(1), 
	#sl4.active .cube:nth-child(1) > div:nth-child(2) > span:nth-child(1):before, 
	#sl4.active .cube:nth-child(1) > div:nth-child(2) > span:nth-child(1):after,
	#sl4.active .cube:nth-child(3) > div:nth-child(2) > span:nth-child(2), 
	#sl4.active .cube:nth-child(3) > div:nth-child(2) > span:nth-child(2):before, 
	#sl4.active .cube:nth-child(3) > div:nth-child(2) > span:nth-child(2):after,
	#sl4.active .cube:nth-child(3) > div:nth-child(3) > span:nth-child(2), 
	#sl4.active .cube:nth-child(3) > div:nth-child(3) > span:nth-child(2):before, 
	#sl4.active .cube:nth-child(3) > div:nth-child(3) > span:nth-child(2):after,
	#sl4.active .cube:nth-child(1) > div:nth-child(3) > span:nth-child(2), 
	#sl4.active .cube:nth-child(1) > div:nth-child(3) > span:nth-child(2):before, 
	#sl4.active .cube:nth-child(1) > div:nth-child(3) > span:nth-child(2):after	{
		transition: 0s;
		background: #EF4149;
		filter: drop-shadow(0 0 30px #EF4149);
	}
}