/* Zuberia - HTML Template */

@media only screen and (max-width: 1800px) {
	.main-slider .slider-wrapper .image img {
		width: auto;
	}
}

@media only screen and (max-width: 1300px) {
	.page-wrapper {
		overflow: hidden;
	}
}

@media only screen and (min-width: 1200px) {
	.five-column {
		max-width: 20%;
	}
}

@media only screen and (max-width: 1199px) {
	.page-wrapper {
		margin-bottom: 0px !important;
	}
	.container {
		max-width: 100%;
	}
	.header-top .phone-info {
		display: none;
	}
	.service-block-two .icon {
	    position: relative;
	    top: 0;
	    right: 0;
	    margin-bottom: 20px;
	}
	.case-section .cases-tab .cases-tab-btns {
		text-align: left;
	}
	.case-section .cases-tab .cases-tab-btns .p-tab-btn {
		margin-left: 0px;
	}
	.main-header .menu-right-content .link-btn {
		display: none;
	}
	.main-header .menu-right-content {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.row.row-revers-lg {
	  -webkit-box-orient: horizontal !important;
	  -webkit-box-direction: reverse !important;
	  -ms-flex-direction: row-reverse !important;
	  flex-direction: row-reverse !important;
	}
}


@media only screen and (max-width: 991px) {
	.testimonial-section .quote {
		position: relative;
		left: 0;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.main-footer .footer-bottom .container-wrapper {
		justify-content: center;
	}
	.main-footer .footer-bottom .container-wrapper .logo {
		width: 100%;
		margin-bottom: 30px;
	}
	.main-footer .footer-bottom ul {
	    margin: 10px 0;
	}
	.main-header .menu-right-content {
		display: block;
	}
	.success-block .inner-box {
		margin-bottom: 30px;
	}
	
}

@media only screen and (max-width: 767px) {
	.header-bottom .left-column .text {
		display: none;
	}
	.main-slider .banner-tab .banner-tab-btns {
		margin: 0px;
	}
	.main-slider .banner-tab .banner-tab-btns .b-tab-btn {
		width: 100%;
		margin: 0 0 30px;
	}
	.video-section .outer-box {
		padding-left: 15px;
		padding-right: 15px;
	}
	.subscribe-form {
	    width: 100%;
	    margin-top: 20px;
	}
	.project-solution .graph .graph-wrapper,
	.about-section-two .graph .graph-wrapper {
		background: none;
		padding-left: 0;
	}
	.scroll-top{
		width: 40px;
		height: 40px;
		bottom: 22px;
		right: 90px;
	}
	.columns-price-container{
		display: block;
	}
	.columns-price {
		width: 100% !important;
		display: block;
	}
}


@media only screen and (max-width: 599px) {
	.main-slider h1 {
		font-size: 48px;
		line-height: 50px;
	}
	.about-text-block .year-of-service {
	    position: relative;
	    transform: rotate(0deg);
	    left: 0;
	    top: 0;
	}

	.about-text-block .lower-content {
	    padding-left: 0;
	}
	.blockquote {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	.comments-area .comment-box.reply-comment {
	    margin-left: 0;
	}

	.author-box .wrapper-area .img-box, .author-box .wrapper-area .text {
	    display: block;
	}

	.author-box .wrapper-area .text {
	    padding-left: 0;
	    margin-top: 20px;
	}

	.blog-post-pagination .prev-post {
	    width: 100%;
	    margin-bottom: 20px;
	}

	.blog-post-pagination .next-post {
	    width: 100%;
	}

	.blog-post-pagination:after {
	    opacity: 0;
	}
	.testimonial-section .owl-nav {
		display: none;
	}
}

/*offcanvas*/
body.offcanvas-active{
	overflow:hidden;
}
.offcanvas-header{ display:none; }
.screen-overlay {
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
}
.screen-overlay.show {
  transition:opacity .5s ease, width 0s;
  opacity:1;
  width:100%;
  visibility:visible;
}
	
@media all and (max-width:991px) { 

	.offcanvas-header{ display:block; }
	 
	.mobile-offcanvas{
	   visibility: hidden;
	    transform:translateX(-100%);
	    border-radius:0; 
	    display:block;
	    position: fixed;
	    top: 0;
	    left:0;
	    height: 100% !important;
	    z-index: 1200;
	    width:80%;
	    overflow-y: scroll !important;
	    overflow-x: hidden !important;
	    transition: visibility .2s ease-in-out, transform .2s ease-in-out;

	    background: #1a8dc6;
		border-right: 2px solid #ffffff !important;
	    border-top-color: rgb(255, 255, 255) !important;
	    border-top-style: solid !important;
	    border-top-width: 1px !important;
		border-top: none !important;
		border-radius: 0 !important;
	}
	.main-menu .mobile-offcanvas > .navigation a{
		color: #FFF !important;
		font-weight: normal !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	}
	.main-menu .mobile-offcanvas > .navigation{
		border: none;
		background: transparent;
	}
	.main-menu .mobile-offcanvas ul{
		background: transparent !important;
	}
	.mobile-offcanvas.show{
	    visibility: visible;
	    transform: translateX(0);
	}
	.main-menu .navigation > li > ul > li{
		width: 100% !important;
	}

	.main-header .header-upper .upper-right{
		position: absolute;
		z-index: 26;
	}
	.main-header .header-upper .upper-right #header-navbar-toggle{
		left: 0;
		top: 14px;
		position: absolute;
	}
	.main-header .logo-outer{
		padding: 8px 5px 8px;
	}

}