﻿@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
	
}

@media only screen and (max-width: 1400px){
	.main-header.header-style-one .header-upper .auto-container{padding: 0 50px}
	.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
	    left: auto;
	    right: 100%;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul {
	    left: auto;
	    right: 0;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul {
	    left: auto;
	    right: 100%;
	}
	.features-section .auto-container {
		padding: 0 15px;
	}
	.main-header.header-style-two .header-info-right .phone-number {
		display: none;
	}
	.main-header.header-style-two .sticky-header .auto-container {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 1199px){
	.banner-section .text3 {
    position: absolute;
    font-size: 37px;
    line-height: 54px;
    color: #FFF;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    left: 20px;
    top: 125px;
	width: 310px;
	letter-spacing:0px;
}
	
	.banner-section .text5 {
     position: relative;
    font-size: 22px;
    line-height: 24px;
    color: #029aff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
	  left: 0px;
    top: 185px;
	
	
}
	
.h2, h2 {
  font-size: 3rem
}	
.widget h4 {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
	margin-top: 20px;
}
	
	
	 .banner-section .content-box .inner {
    position: relative;
	left: 0;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    padding: 0 15px;
} 
	.main-menu .navigation>li {
		padding: 15px 30px;
	}
	.banner-section .banner-slider-nav {
		display: none;
	}
	.main-header.header-style-one .header-upper .auto-container {
	    padding: 0 15px;
	}
	.header-top .right-column {
	    display: none;
	}
}

@media only screen and (max-width: 1139px){
	/* Default */
	.main-header .nav-outer .main-menu,
	.sticky-header{
		display: none !important;
	}
	.nav-outer .mobile-nav-toggler{
		display: block;
	}
	.main-header.header-style-two .header-info-right {
		display: none;
	}
}

@media only screen and (max-width: 991px){
	.banner-section .content-box h1 {
		font-size: 50px;
		line-height: 60px;
	}
	.about-section .year-experience {
		position: relative;
	}
	.main-header .header-upper .search-btn {
	    position: relative;
	    display: none;
	}

	.main-header .header-upper .link-btn {
	    display: none;
	}
	.features-section .inner-container {
	    max-width: 100%;
	}
	.features-section .image {
	    margin-top: 0;
	}
	.estimate-section .wrapper-box:before {
	    right: -15px;
	}
	.services-section {
		padding-bottom: 70px;
	}
	

}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}

@media only screen and (max-width: 767px){	
	br {
		display: none;
	}
	.filter-tabs li .count {
		display: none;
	}
	.features-section .icon-box .icon {
		margin-bottom: 20px;
	}
	.skills-section .inner-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-top .left-column .office-hour {
		display: none;
	}
	.header-top .left-column,
	.header-top .left-column .text {
		width: 100%;
	}
	.footer-bottom {
		justify-content: center;
	}

}

@media only screen and (max-width: 600px){
	.about-section .year-experience {
		bottom: 30px;
	}
}


@media only screen and (max-width: 350px) {

}









