﻿@media (min-width: 1400px){
	.container{
		max-width: 1290px;
	}
	header .container{
		padding: 0;
	}
}
@media (min-width: 1280px) and (max-width: 1367px) {
	/*============================
    1. Home
	============================*/
	.container{
		max-width: 1200px;
	}
	header .container{
		padding: 0;
	}
	.services .services-card{
		padding: 19px;
	}
	.services-cnt p {
		min-height: 210px;
	}
	.h-abt-para-text{
		margin-left: 70px;
	}
	.why-choose-cnt{
		margin-right: 10px;
	}
	.why-choose-cnt p{
		font-size: 15px;
		line-height: normal;
	}
	/*============================
    2. About
	============================*/
	.about-sec-6 .services-card {
		min-height: 445px;
	}
	/*============================
    4. Services
	============================*/
	.services-new .services-card {
		min-height: 465px;
	}
	/*============================
    5. Service Details
	============================*/
	.service-details-sec-4 .services-card{
		min-height: auto;
	}
	/*============================
    6. Products
	============================*/
	.products-sec-1 .reveal-image-wrapper{
		width: 100%;
	}
	.products-sec-1 .service-new-card{
		min-height: 450px;
	}
	.products-sec-1 .services-card p {
		min-height: 130px;
	}
	.products-sec-1 .services-card .read-more-btn{
		margin-top: 20px;
	}
	.products-sec-1 .services-card h4{
		margin-bottom: 10px;
	}
	.contact-us-sec-1 .services-card{
		min-height: auto;
	}
	
}
@media (max-width: 1200px) {
	/*============================
    1. Home
	============================*/
	
	.services .services-card{
		padding: 19px;
	}
	.services-cnt p {
		min-height: 180px;
	}
	.h-abt-para-text{
		margin-left: 0;
	}
	.why-choose-cnt{
		margin-right: 10px;
	}
	.why-choose-cnt p{
		font-size: 15px;
		line-height: normal;
	}
	.services-card{
		min-height: 400px;
	}
	.services-card h4{
		margin-bottom: 10px;
	}
	.gap-5 {
		gap: 1rem !important;
	}
	.home-paralex-sec .text-svg h2{
		font-size: 50px;
	}
	.home-paralex-sec{
		height: 300px;
	}
	.services{
		margin-top: 40px;
	}
	/*============================
    2. About
	============================*/
	.inner-banner{
		height: 275px;
	}
	.about-us-sec-1 .h-about-card{
		padding: 50px 0;
	}
	.about-sec-6 .services-card {
		min-height: 470px;
	}
	body{
		font-size: 16px;
	}
	/*============================
    4. Services
	============================*/
	.services-new .services-card {
		min-height: 480px;
	}
	.services-new .service-new-card p {
		min-height: 230px;
	}
	.Service-related-blog .service-new-card p{
		min-height: 180px;
	}
	/*============================
    5. Service Details
	============================*/
	.service-details-sec-4 .services-card{
		min-height: auto;
	}
	/*============================
    6. Products
	============================*/
	.product-sec-4 .payroll-img img{
		margin-left: 0;
	}
	.contact-us-sec-1 .services-card{
		min-height: auto;
	}
	.contact-us-sec-1 .d-flex{
		flex-direction: column;
	}
	.contact-form{
		min-height: 730px;
	}
}
@media(max-width:1024px){
	/*============================
    1. Home
	============================*/
	h2{
		font-size: 30px;
	}
	.banner{
		background-position: -200px 0px;
	}
	.home-paralex-sec{
		height: 260px;
	}
	.home-testimonial .card{
		min-height: 350px;
	}
	.home-testimonial .card p{
		font-size: 16px;
		line-height: normal;
	}
	.testimonials .owl-nav .owl-prev{
		top:-20%;
	}
	.testimonials .owl-nav div{
		top:-20%;
		right: 0;
	}
	.home-paralex-sec .text-svg h2{
		font-size: 40px;
	}
	.h-contact-text{
		padding-left: 20px;
	}
	.home-service-sec .services-card h4{
		height: 70px;
	}
	/*============================
    2. About
	============================*/
	.inner-banner h1{
		margin-top: 55px;
	}
	.abouts-sec2-cnt {
		padding-left: 20px;
	}
	 .about-sec-6 .services-card {
        min-height: auto;
    }
	.about-sec-6 .service-new-card .services-cnt h4{
		height: auto;
	}
	.about-sec-6.services-new .service-new-card p{
		min-height: 156px;
	}
	/*============================
    3. Industries
	============================*/
	.inner-banner.service-banner{
		background-position: -290px 0;
	}
	/*============================
    4. Services
	============================*/
	.services-new .service-new-card p {
        min-height: 285px;
    }
	.Service-related-blog .service-new-card p{
		min-height: 180px;
	}
	.service-new-card .services-cnt h4{
		height: 90px;
	}
	.Service-related-blog  .service-new-card .services-cnt h4{
		height: auto;
	}
	/*============================
    5. Service Details
	============================*/
	.service-details-sec-4 .services-card h4{
		height: auto;
	}
	.services-details-1 .service-1-details-cnt {
		padding-left: 0;
	}
	.feature-nav li{
		padding: 15px 20px;
    	font-size: 18px;
	}
	/*============================
    6. Products
	============================*/
	.tab-none{
		display: none;
	}
	.products-sec-1 .reveal-image-wrapper{
		width: 100%;
	}
	.products-sec-1 .service-new-card{
		min-height: 450px;
	}
	.products-sec-1 .services-card p {
		min-height: 105px;
	}
	.products-sec-1 .services-card .read-more-btn{
		margin-top: 20px;
	}
	.products-sec-1 .services-card h4{
		margin-bottom: 10px;
	}
	/*============================
    7. Products Details
	============================*/
	.product-details-sec-4 .services-card{
		min-height: 190px;
	}
}


 @media (min-width: 768px) and (max-width: 991.9px) {
	/*============================
    1. Home
	============================*/
	.main-banner-text{
		margin: 95px 0 0 10px;
	}
	.banner{
		background-position: -250px 0;
		margin-top: -70px;
		height: 700px;
	}
	.circle-img{
		margin-right: 0;
		margin-top: 0;
	}
	.slider-cnt{
		margin-top: 150px;
	}
	.h-about-img img{
		margin-top: 0;
		max-width: 500px;
		margin-bottom: 40px;
	}
	.h-why-choose-cnt{
		margin-top: 50px;
	}
	.why-choose-title-sec{
		max-width: 350px;
		margin: 0 auto;
	}
	.why-choose-cnt p{
		font-size: 16px;
		line-height: normal;
	}
	.why-choose-icon{
		margin-bottom: 20px;
	}
	.change-prev-img{
		margin: 0 auto;
		max-width: 400px;
	}
	.change-prev-img img{
		max-width: 400px;
	}
	.services-card h4{
		margin-top: 15px;
	}
	.services-cnt p {
        min-height: 260px;
    }
	.services .owl-nav .owl-prev{
		right: 8%;
		top: -12%;
	}
	.services .owl-nav div{
		right: 0%;
		top: -12%;
	}
	.testimonial-cnt p{
		max-width: 100%;
		margin-top: 0;
	}
	.home-contact .circle-btn{
		margin-top: 15px;
	}
	.h-contact-text{
		padding-left: 0;
	}
	.contact-shpae{
		margin-top: 30px;
	}
	.copy-text a{
		padding-left: 15px;
	}
	.h-abt-para-text{
		margin-top: 20px;
	}
	.testimonial-img {
		max-width: 400px;
		margin: 0 auto;
	}
	.testimonial-img img{
		max-width: 500px;
		margin-bottom: 50px;
	}
	.collapse:not(.show) {
        display: block;
		max-width: 60%;
    }
	ul.navbar-nav.nav-menu {
        display: none;
    }
	.services {
        margin-top: 80px;
    }
	.mobile-view img {
        max-width: 30px;
    }
	.mobile-view{
		display: block;
	}
	.submenu{
		display:none;
	}

	.mobile-submenu.open .submenu{
		display:block;
	}
	/*============================
    2. About
	============================*/
	.inner-banner {
        height: 220px;
    }
	.inner-banner h1{
		margin-top: 80px;
		font-size: 38px;
	}
	.about-sec-6 .services-card {
        min-height: auto;
    }
	.h-abt-cnt.abouts-sec1-cnt {
		margin-right: 0;
	}
	.vision-img{
		text-align: center;
	}
	.reveal-image-wrapper{
		width: 100%;
	}
	.custom-accordion{
		padding-left: 0;
    	margin-top: 25px;
	}
	.about-sec-6 .services-card {
        min-height: 370px;
    }
	.mission-card{
		margin-left: 0 !important;
	}
	/*============================
    3. Industries
	============================*/
	.services-details-1 .service-1-details-cnt{
		padding-left: 0;
		margin-bottom: 25px;
	}
	.services-details-1 img{
		max-width: 100%;
	}
	.home-contact.industry-contact h2{
		font-size: 28px !important;
		margin-left: 0 !important;
	}
	.service-1-details-cnt{
		margin-top: 25px;
	}
	/*============================
    4. Services
	============================*/
	.services-new .service-new-card p {
        min-height: 260px;
    }
	.Service-related-blog .service-new-card p{
		min-height: 180px;
	}
	.service-new-card .services-cnt h4{
		height: 60px;
	}
	.Service-related-blog  .service-new-card .services-cnt h4{
		height: auto;
	}
	/*============================
    5. Service Details
	============================*/
	.industry-sec-1 .service-1-details-cnt{
		margin-bottom: 0;
	}
	.service-details-sec-4 .services-card h4 {
        height: auto;
    }
	.service-details .feature-img img {
		width: 100%;
	}
	/*============================
    6. Products
	============================*/
	.products-sec-1 .reveal-image-wrapper{
		width: 100%;
	}
	.products-sec-1 .service-new-card{
		min-height: 450px;
	}
	.products-sec-1 .services-card p {
		min-height: 135px;
	}
	.products-sec-1 .services-card .read-more-btn{
		margin-top: 20px;
	}
	.products-sec-1 .services-card h4{
		margin-bottom: 10px;
	}
	.mobile-clmn-reverce{
		flex-direction: column-reverse;
	}
	.product-sec-3 .prd-mobile-mt{
		margin-top: 25px;
	}
	.product-sec-4 .prd-mobile-mt{
		margin-top: 25px;
	}
	/*============================
    7. Products Details
	============================*/
	.product-details-sec-4 .services-card{
		min-height: 165px;
	}
	.contact-us-sec-1 .d-flex {
        flex-direction: row;
    }
	.contact-form{
		margin-top: 30px;
	}
	.read-more-cnt-2 {
		padding-left: 0;
		margin-top: 20px;
	}
	.mobile-mb-0{
		margin-bottom: 0px !important;
	}
	.read-more-sec-1 .service-1-details-cnt {
		padding-right: 0;
	}
 }

 @media (max-width: 767px) {
	/*============================
    1. Home
	============================*/
	section {
		padding: 50px 0;
	}
	.container{
		padding-left: 18px;
		padding-right: 18px;
	}
	.h-about-card{
		padding: 30px 25px;
	}
	h2 {
        font-size: 26px;
    }
	.h-about-card{
		top: -50px;
	}
	.banner-title{
		font-size: 33px;
		line-height: normal;
	}
	.banner-arrow{
		max-width: 80%;
	}
	.banner-arrow-img{
		max-width: 100%;
		
	}
	.circle-img{
		margin-top: 37px;
		max-width: 115px;
		margin-right: 0;
		display: none;
	}
	.main-banner-text{
		margin: 10px 0 0 0px;
		line-height: normal;
		font-size: 15px;
	}
	.common-divider{
		max-width: 35%;
	}
	.why-choose-icon{
		margin-bottom: 20px;
	}
	.circle-btn a{
		width: 125px;
		height:125px;
		margin: 30px 0 0 0;
	}
	.banner{
		background-position: -430px 0;
		height: 700px;
	}
	.slider-cnt{
		margin-top: 150px;
	}
	.h-about-img img{
		margin-top: 0;
		max-width: 500px;
		margin-bottom: 40px;
	}
	.h-why-choose-cnt{
		margin-top: 50px;
	}
	.why-choose-title-sec{
		max-width: 350px;
		margin: 0 auto;
	}
	.why-choose-cnt p{
		font-size: 16px;
		line-height: normal;
	}
	.change-prev-img{
		margin: 0 auto;
		max-width: 90%;
	}
	.change-prev-img::after{
		right: 25px;
	}
	.change-prev-img img{
		max-width: 90%;
		margin-left: 20px;
	}
	.h-why-choose-cnt ul li .d-flex{
		flex-direction: column;
	}
	.services-card h4{
		margin-top: 15px;
	}
	.services-cnt p {
        min-height: auto;
    }
	.services .owl-nav .owl-prev{
		right: 15%;
		top:-12%;
	}
	.services .owl-nav div{
		right: 0%;
		top:-12%;
	}
	.testimonial-cnt p{
		max-width: 100%;
		margin-top: 0;
	}
	.home-contact .circle-btn{
		margin-top: 15px;
	}
	.h-contact-text{
		padding-left: 0;
	}
	.contact-shpae{
		margin-top: 30px;
	}
	.copy-text a{
		padding-left: 15px;
	}
	.h-abt-para-text{
		margin-top: 20px;
	}
	.testimonial-img {
		max-width: 400px;
		margin: 0 auto;
	}
	.testimonial-img img{
		max-width: 500px;
		margin-bottom: 70px;
	}
	.home-paralex-sec .text-svg h2{
		font-size: 30px;
	}
	.home-paralex-sec {
        height: 200px;
    }
	.owl-carousel .owl-item img{
		width: 65%;
	}
	.t-client-details span{
		font-size: 14px;
        line-height: normal;
        display: block;
	}
	.t-client-info .t-client-details h4{
		font-size: 18px;
	}
	.quote-img{
		right: 0;
	}
	.contact-shpae{
		display: none;
	}
	.testimonials .owl-nav .owl-prev {
        top: -8%;
		right: 15%;
    }
	.testimonials .owl-nav div {
        top: -8%;
        right: 0;
    }
	.copy-text p{
		font-size: 14px;
		text-align: center;
	}
	.copy-text  a{
		font-size: 14px;
	}
	.copy-text .d-flex.justify-content-end{
		justify-content: center !important;
	}
	.collapse:not(.show) {
        display: block;
		max-width: 60%;
    }
	ul.navbar-nav.nav-menu {
        display: none;
    }
	.services {
        margin-top: 80px;
    }
	.mobile-view img {
        max-width: 30px;
    }
	.mobile-view{
		display: block;
	}
	.submenu{
   		 display:none;
	}
	.mobile-submenu.open .submenu{
		display:block;
	}
	.footer h3{
		margin-bottom: 20px;
	}
	.footer .col-md-6{
		margin-bottom: 25px;
	}
	.copy-text .col-lg-6{
		margin-bottom: 10px;
	}
	.services .owl-nav button img, .testimonials .owl-nav button img{
		max-width: 20px;
	}
	.services .owl-nav div, .testimonials .owl-nav div{
		width: 40px;
    	height: 40px;
		line-height: 36px;
	}
	.why-choose-arrow{
		width: 45px;
    	height: 45px;
		flex: 0 0 45px;
	}
	/*============================
    2. About
	============================*/
	.inner-banner {
        height: 220px;
    }
	.inner-banner h1{
		margin-top: 80px;
		font-size: 28px;
	}
	.about-sec-6 .services-card {
        min-height: auto;
    }
	.h-abt-cnt.abouts-sec1-cnt {
		margin-right: 0;
	}
	.vision-img{
		text-align: center;
	}
	.reveal-image-wrapper{
		width: 100%;
	}
	.custom-accordion{
		padding-left: 0;
    	margin-top: 25px;
	}
	.about-sec-6 .services-card {
        min-height: 370px;
    }
	.mission-card{
		margin-left: 0 !important;
	}
	.mission-card .d-flex{
		flex-direction: column;
	}
	.infor-logo img{
		max-width: 160px;
	}
	.custom-accordion-header{
		padding: 13px 15px;
	}
	/*============================
    3. Industries
	============================*/
	.services-details-1 .service-1-details-cnt{
		padding-left: 0;
		margin-bottom: 25px;
	}
	.services-details-1 img{
		max-width: 100%;
	}
	.home-contact.industry-contact h2{
		font-size: 28px !important;
		margin-left: 0 !important;
	}
	.service-1-details-cnt{
		margin-top: 25px;
	}
	.industry-sec-1 .service-1-details-cnt{
		margin-top: 10px;
	}
	/*============================
    4. Services
	============================*/
	.services-new .service-new-card p {
        min-height: auto;
    }
	.Service-related-blog .service-new-card p{
		min-height: auto;
	}
	.service-new-card .services-cnt h4{
		height: 60px;
	}
	.Service-related-blog  .service-new-card .services-cnt h4{
		height: auto;
	}
	.services-new .services-card {
        min-height: auto;
    }
	/*============================
    5. Service Details
	============================*/
	.industry-sec-1 .service-1-details-cnt{
		margin-bottom: 10px;
	}
	.service-details-sec-4 .services-card h4 {
        height: auto;
    }
	.service-details .feature-img img {
		width: 100%;
	}
	.industry-sec-1 h2 {
		width: 100%;
	}
	.feature-title {
        font-size: 26px;
    }
	span.mb-2.mt-3 {
		line-height: normal;
	}
	/*============================
    6. Products
	============================*/
	.products-sec-1 .reveal-image-wrapper{
		width: 100%;
	}
	.products-sec-1 .service-new-card{
		min-height: auto;
	}
	.products-sec-1 .services-card p {
		min-height: auto;
	}
	.products-sec-1 .services-card .read-more-btn{
		margin-top: 20px;
	}
	.products-sec-1 .services-card h4{
		margin-bottom: 10px;
	}
	.mobile-clmn-reverce{
		flex-direction: column-reverse;
	}
	.product-sec-3 .prd-mobile-mt{
		margin-top: 25px;
	}
	.product-sec-4 .prd-mobile-mt{
		margin-top: 25px;
	}
	.product-list .change-prev-img img {
		max-width: 90%;
	}
	/*============================
    7. Products Details
	============================*/
	.product-details-sec-4 .services-card{
		min-height: auto;
	}
	.read-more-sec-4 .d-flex{
		flex-direction: column;
	}
	.hr-dashboard-items img{
		width: 100% !important;
	}
	.contact-us-sec-1 .d-flex {
        flex-direction: column;
    }
	.contact-us-sec-1 .d-flex h4{
		margin-top: 0 !important;
	}
	.contact-form{
		margin-top: 30px;
	}
	.contact-form{
		padding: 20px 20px 30px;
	}
	.mobile-mb-0{
		margin-bottom: 0px !important;
	}
	.read-more-cnt-2 {
		padding-left: 0;
		margin-top: 20px;
	}
	.mobile-mb-0{
		margin-bottom: 0px !important;
	}
	.read-more-sec-1 .service-1-details-cnt {
		padding-right: 0;
	}
	.contact-form {
        min-height: auto;
    }
	.blog-cnt p{
		font-size: 15px;
    	line-height: normal;
	}
	.blog-details h2 {
        font-size: 24px;
    }
	.home-testimonial .card .card-body{
		padding: 25px;
	}
	.t-client-details span{
		width: 90%;
	}
}
	
