@media only screen and (max-width:1280px){
	.swiper-slider{
		height: 600px
	}
}



@media only screen and (max-width:1440px){
	
	.header-area{
		height: 530px
	}
	.header-area .title{
		font-size: 35px;
		line-height: 35px;
	}
}
@media only screen and (max-width:1080px){
	.nav-custom .logo-wrapper a{
		width: 120px !important;
		height: 50px !important
	}
	.nav-custom-fixed .nav-custom-container .logo-wrapper a{
		width: 85px !important
	}
	.nav-custom .nav-right-content .btn-wrapper .boxed-btn{
		min-width: 0;
		padding: 5px 15px;
		
	}
	.nav-custom-menu > li{
		padding: 30px 10px
	}
	.business-growth-top .inner{
		padding: 60px
	}
}

@media only screen and (max-width:1024px){
	.business-growth-top::before{
		width: 115%
	}
	
	.header-area{
		height: 400px
	}
	.header-area .title{
		font-size: 30px;
		line-height: 30px
	}
}


/* Medium Layout: 1200px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
        margin-left: 20px;
    }
    
    .single-what-we-provide-item .content-wrapper .content {
        padding: 30px 30px 35px 30px;
    }
    .single-testimonial-item .content .icon {
        font-size: 120px;
        top: 75px;
    }
    .single-testimonial-item .author-img {
        padding-left: 40px;
    }
    .single-testimonial-item .content .description {
        max-width: 380px;
    }
    .blog-grid-carousel .owl-nav div.owl-next {
        right: 0;
    }
    .blog-grid-carousel .owl-nav div {
        left: 0px;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (max-width: 991px) {
    
	 .nav-custom-menu > li {
    padding: 0;
  }
	.nav-custom-menu li.menu-item-has-children .sub-menu > li > .sub-menu{
		display: none;
		visibility: hidden
	}
	
    .counter-content {
        padding-top: 60px;
    }
    .our-advertising-area.bg-image::before {
        width: 100%;
    }
    .our-advertising-area.bg-image::after {
        display: none;
    }
    .our-advertising-area .section-title {
        text-align: left;
        margin-bottom: 50px;
        padding-right: 0;
    }
    .our-milestone {
        padding-left: 0;
    }
    .our-advertising-area .line-b:before {
        display: none;
    }
    
	.who-we-are-wrapper.bg-image::after{
		display: none
	}
	.who-we-are-wrapper p{
		max-width: inherit
	}
	.who-we-are-wrapper .no-gutters{
		margin-right: -15px;
		margin-left: -15px
	}
	.who-we-are-wrapper .no-gutters > [class*="col-"]{
		padding-left: 15px;
		padding-right: 15px;
		margin: 1rem 0
	}
	.who-we-are-item .content{
		padding: 40px 40px;
		background: var(--light)
	}
    .who-we-are-wrapper.bg-image.padding-bottom-90.padding-top-80 {
        padding-top: 0;
        padding-bottom: 60px;
    }
    .counterup-area.padding-bottom-110.padding-top-110 {
        padding-top: 0;
    }
    .inner-section-area .section-p {
        padding-left: 15px;
        padding-right: 15px;
    }
    .service-wrapper.bg-image.margin-top-100.padding-bottom-90 {
        margin-top: 0px;
        padding-bottom: 40px;
        margin-bottom: 0;
    }
    .service-wrapper.bg-image::after {
        display: none;
    }
    .widget-area {
        margin-top: 50px;
    }
	.our-service-area .product-carousel-wrapper{
		right: 0
	}
	.contact-area::after{
		width:100%;
		height: 47%
	}
	.contact-area::before{
		display: none;
	}
	.contact-content{
		padding-left: 0
	}
}


/* Tablet Layout wide: 768px. */

@media only screen and (max-width: 767px) {
    /* have to start responsive from here */
    
	
	.swiper-slider{
		height: 375px;
	}
	.swiper-slider .swiper-slide .slide-inner{
		background-position: 70%
	}
	.swiper-slider .swiper-slide .slide-inner .container h1 span{
		display: none
	}
	.swiper-slider .swiper-slide .slide-inner .btn-wrapper .boxed-btn{
		padding: 5px 26px
	}
	.business-growth-img{
		background-size: contain;
		height: 400px
	}
	.business-growth-top .inner{
		padding: 30px
	}
	.business-growth-top .section-title p::before{
		display: none
	}
	.business-growth-top .section-title{
		text-align: left
	}
	.padding-bottom-120{
		padding-bottom: 40px
	}
	.margin-top-minus-100{
		margin-top: 0
	}
	.catalog-area .catalog-mockup{
		width: 225px;
		bottom: -49px
	}
	.breadcrumb-area .breadcrumb-inner ul{
		justify-content: center
	}
	.single-why-us-box{
		padding: 0 10px
	}
	.swiper-slider .swiper-slide .slide-inner .container{
		margin-left: 0
	}
	.swiper-slider .swiper-pagination-bullets{
		display: none
	}
	.header-area{
		background-position: 71%!important
	}
	.nav-custom .nav-right-content .icon-part .cart-icon li + li{
		padding-left: 0
	}
	.technical-table table {
		display: block;
		overflow: auto
	}
	.header-area .title {
        font-size: 25px;
        line-height: 25px;
    }
    .section-title .title {
        font-size: 28px;
        line-height: 38px;
    }
	
	.title-md, [class*="title-md-"]{
		font-size: 22px
	}
	.title-xs, [class*="title-xs-"]{
		font-size: 17px
	}
    .contact-content {
        padding-left: 50px;
    }
    .team-section:hover .content {
        padding: 30px;
    }
    .team-section .content .social-link {
        padding-bottom: 10px;
    }
    .counter-area {
        border-bottom: 1px solid #e8e8e8;
        padding: 73px 50px 88px;
    }
	
	.cart-area-section .cart-table tbody .prod-img{
		margin: 0 auto;
		max-width: 150px
	}
	.cart-area-section .cart-table tbody .prod-img{
		background: transparent
	}
	.cart-area-section .cart-table{
		border: 0
	}
	.our-services-inner .btn-wrapper{
	grid-column-gap:0;
		flex-direction: column
}
	.our-services-inner .btn-wrapper .boxed-btn{
		padding: 10px 30px
	}
	.blog-item .blog-author-item {
	  margin-top: 0;
	  text-align: center;
	  border-right: 0;
	  height: 100%;
	  position: absolute;
	  top: -77px;
	}
	.blog-item .blog-author-item .post-time{
		padding: 10px;
		background: var(--secondary)
	}
	.blog-item .blog-author-item .post-time .post-date{
		font-size: 30px;
		line-height: 32px
	}
	.blog-item .blog-author-item .post-time .post-date,.blog-item .blog-author-item .post-time span{
		color: var(--white)
	}
    .testimonial-top .section-title .icon {
        font-size: 120px;
        line-height: 110px;
        padding-left: 20px;
        margin-right: 20px;
    }
    .single-testimonial-item .icon {
        margin-right: 50px;
    }
    .bottom-content-area.padding-top-120 {
        padding-top: 40px;
    }
    .contact-page-form-wrap {
        margin-top: 60px;
    }
    .single-counterup-01 .content .count-wrap {
        font-size: 40px;
        line-height: 50px;
    }
    .section-title-inner .subtitle {
        padding-left: 0px;
    }
    .single-what-img img {
        width: 100%;
    }
    .single-testimonial-item {
        display: block;
    }
    .single-testimonial-item .content .description {
        max-width: inherit;
        font-size: 18px;
        line-height: 28px;
    }
    .single-testimonial-item .author-img {
        padding-left: 0;
        padding-right: 70px;
    }
    .topbar-inner div .boxed-btn {
        padding: 15px 15px;
        font-size: 14px;
    }
    .header-style-04.has-top-bar .navbar-area {
        top: 105px;
    }
    .header-style-04.has-top-bar .header-area {
        padding-bottom: 270px;
    }
    .inner-contact-section.m-bottom.padding-top-120 {
        padding-top: 0;
    }
    
    .contact-page-form .btn-wrapper .boxed-btn {
        width: 100%;
    }
   
    .case-studies-menu li span {
        margin-left: 10px;
        margin-right: 10px;
    }
    .blog-details-item .blog-author-item {
        border: none;
    }
    .blog-details-item .post-time,
    .blog-details-item .author-mate,
    .social-link.style-01 ul li {
        display: inline-block;
    }
    .blog-details-item .blog-author-item .author-mate {
        margin-bottom: 10px;
        margin-left: 20px;
    }
}


/* medium tablet layout 599px */

@media only screen and (max-width: 599px) {
	
	
	.project-gallery-item .content{
		padding: 0;
	}
	.project-gallery-item .content .title,.project-gallery-item .content p{
		font-size: 11px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		line-height: 16px;
	}
	.contact-area::after{
		width:100%;
		height: 36%
	}
	
	.swiper-slider .swiper-slide .slide-inner .container h1{
		font-size: 20px;
		line-height: 25px
	}
    .topbar-area.style-03 .topbar-inner div:first-child {
        display: block;
        width: 100%;
    }
    .topbar-area.style-03 .topbar-inner div:last-child {
        float: none;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .topbar-inner {
        display: block;
        text-align: center;
    }
    .topbar-area.style-04 {
        display: none;
    }
    .header-style-04.has-top-bar .navbar-area {
        top: 0;
    }
    .header-style-01 .topbar-area .topbar-inner div:last-child {
        display: none;
    }
    .header-style-01 .topbar-area .topbar-inner div:first-child {
        padding-bottom: 15px;
    }
    .our-milestone .title {
        font-size: 28px;
        line-height: 38px;
    }
    .blog-classic-item-01 .content .title {
        font-size: 28px;
        line-height: 40px;
    }
    .breadcrumb-area .page-list li {
        font-size: 16px;
    }
    .testimonial-top .section-title .icon {
        display: none;
    }
    .testimonial-top .section-title {
        text-align: center;
    }
    .testimonial-top::after {
        width: 100%;
    }
    .call-to-action-inner .icon {
        font-size: 90px;
    }
    .call-to-action-inner .subtitle {
        font-size: 38px;
        line-height: 48px;
    }
    .single-counterup-01 .content .count-wrap {
        font-size: 38px;
        line-height: 48px;
    }
    .comments-area .comment-list .has-children {
        padding-left: 20px;
    }
    
    .contact-area .section-title .title {
        max-width: inherit;
    }
    .contact-content {
        padding-left: 0;
    }
    .contact-area::before {
        display: none;
    }
	.business-growth-top::before{
		width: 33%;
		height: 33%;
		left: 72%;
		top: -28%
	}
}

@media only screen and (max-width: 450px) {
    .navbar-area.nav-style-02.has-topbar {
        top: 70px;
    }
	.our-service-area .bg-text .title{
		font-size: 21vw
	}
	#loader{
		left: 42%;
		top: 42%
	}
    
   
	.nav-custom .nav-right-content .icon-part ul li a{
		padding-right: 12px;
		border-right: 1px solid #e5e8ea
	}
    
    .header-style-04.has-top-bar .header-area {
        padding-top: 270px;
    }
    .request-area .left-content-area {
        padding: 120px 30px 120px 30px;
    }
    .request-page-form-wrap {
        padding: 112px 30px 104px;
    }
    .request-page-form-wrap.style-01 {
        padding: 47px 30px 44px;
    }
    .request-page-form-wrap .section-title .title {
        font-size: 28px;
        line-height: 38px;
    }
    .single-testimonial-item .icon {
        font-size: 55px;
        line-height: 65px;
        margin-right: 40px;
    }
    
    .inner-section-area .inner-section-title .title {
        font-size: 26px;
        line-height: 36px;
    }
    .contact-content {
        padding-top: 20px;
    }
}


/* mobile tablet layout 414px */

@media only screen and (max-width: 414px) {
    
    .counter-area {
        padding: 73px 30px 88px;
    }
    .we-offer-content-wrapper {
        padding: 70px 30px;
    }
    .info-items li+li {
        padding-left: 0;
    }
    .single-counterup-02 .count-wrap {
        font-size: 42px;
        line-height: 50px;
    }
    .single-counterup-02 .title {
        font-size: 20px;
        line-height: 30px;
    }
    .single-counterup-block-with-img .thumb .hover .count-num {
        font-size: 100px;
        line-height: 100px;
    }
    .single-counterup-01 .content .count-wrap {
        font-size: 36px;
        line-height: 46px;
    }
    .copyright-area-inner {
        font-size: 14px;
    }
    .page-content.our-attoryney {
        padding-bottom: 60px;
    }
    .header-area.style-02 {
        padding-top: 220px;
    }
    .call-to-action-inner {
        padding: 20px 0;
    }
    .call-to-action-inner .title {
        margin-bottom: 0;
        font-size: 14px;
    }
    .call-to-action-inner .icon {
        font-size: 60px;
    }
    .call-to-action-inner .subtitle {
        font-size: 28px;
        line-height: 38px;
    }
}
@media only screen and (max-width:320px){
	.swiper-slider .swiper-slide .slide-inner .container h1 span{
		display: none
	}
}