/* Responsive styles */
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.slider .banner-text h3 {
		font-size: 32px;
	}
	.page-title {
	height: 150px;
	}
	.page-title {
		height: 125px;
	}
	.sub-heading {
		font-size: 15px;
	}
	.navigation-portrait {
		height: 38px;
	}

	.sub-heading .hr-line {
		width: 50px;
		height: 2px;
	}

	.banner-text {
		left: 44%;
		top: 35px;
		width: 40%;
	}

	.section-padding {
		padding: 20px 0;
	}

	.main-heading h2 {
		font-size: 25px;
	}

	.small-heading h5 {
        font-size: 19px;
        line-height: 28px;
	}

	.thumb-overlay .h5 {
		font-size: 18px;
	}

	.thumb-overlay p {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	#logo .owl-prev {
		left: 350px;
	}

	#logo .owl-next {
		right: 350px;
	}

	body {
		overflow-x: hidden;
		font-size: 16px;
		line-height: 25px;
	}

	.testimonial .client-name {
		font-size: 16px;
	}

	.quote img {
		width: 30px !important;
		height: 20px;
	}

	footer ul li i {
        margin-right: 7px;
        font-size: 18px;
	}

	footer li a {
		line-height: 25px;
		font-size: 13px;
	}

	.secondary-footer .copy-right {
		font-size: 13px;
	}

	.yrs-experience {
		right: 0px;
		left: unset;
		width: 200px;
		height: 67px;
		padding: 7px 22px;
	}

	.about-img img {
		object-fit: cover;
		width: 100%;
	}

	.about-us .yrs-experience h5 {
		font-size: 25px;
	}

	.about-us .yrs-experience h6 {
		font-size: 17px;
		line-height: 21px;
		margin-left: 10px;
	}

	.products .thumb-card-one img {
		height: 150px;
	}

	.products .products-thumb-two img {
		height: 110px;
	}

	.thumb-overlay p {
		padding-right: 0px;
	}

	#logo .owl-next {
		/* right: 420px; */
		right: 190px;
	}

	#logo .owl-prev {
		left: 190px;
	}

	.testimonial .clients {
		padding: 30px;
	}

	.footer-logo img {
		width: 200px;
	}

	#logo .owl-prev {
		position: unset;
		top: -20px;
		left: 420px;
		margin-bottom: 15px;
	}

	#logo .owl-next {
		position: unset;
		top: -20px;
		right: 420px;
		margin-bottom: 15px;
	}

	#logo .owl-stage-outer {
		padding-bottom: 30px;
	}

	.sub-heading .hr-line {
		width: 39px;
		height: 2px;
	}

	.contact-info {
		line-height: 65px;
	}

	#logo .owl-nav button {
		width: 30px;
		height: 30px;
		border-radius: 5px;
		background: #f52a2c;
		border: 1px solid #f52a2c;
	}

	.logo img {
		width: 100px;
	}

	.products .sixth-thumb .thumb-card img {
		height: 110px;
	}

	.navigation-portrait .nav-dropdown>li>a {
		padding: 12px 25px 12px 50px;
	}
	.nav-dropdown>li>a,
	.megamenu-list>li>a {
		width: 100%;
	}

	.nav-dropdown>li>a {
		border-bottom: 1px solid #e2e2e2;
	}

	.nav-menu>li {
		padding: 0px 0px;
	}

	.nav-menus-wrapper .top-menu>li.active>a,
	.nav-menus-wrapper .top-menu>li:hover>a {
		border-bottom: 0;
	}

	.nav-dropdown>li>a {
		font-size: 16px;
	}

	.nav-menu>li>a {
		font-size: 17px;
	}

	.top-menu li.active {
		background: #f5f5f5;
	}

	.footer-logo img {
		width: 120px;
	}

	.contact-info {
		line-height: 50px;
	}

	.contact-info .mail {
		word-break: break-all;
	}

	.sub-heading .hr-line {
		display: inline-block;
		margin-right: 15px;
	}

	.quote {
		margin-bottom: 15px;
		display: inline-block;
	}

    .btn {
        min-width: 160px;
        height: 45px;
    }

    footer .secondary-footer {
        padding: 10px 0px;
    }
    .contact-details .main-heading {
       font-size: 25px;
    }
    .contact-details .contact-information {
        padding-left: 0px;
    }
    .contact-information .office-address {
       font-size: 18px;
    }
	.page-title-container .main-heading {
		font-size: 28px;
	}
	.breadcrumb-nav li {
		font-size: 14px;
	}
	.small-sub-heading .main-heading {
		font-size: 25px;
	}
	.about-us .sub-heading {
		padding-right: 0;
	}
	.small-sub-heading .heading {
		font-size: 18px;
	}
	/* ----------------about us end-------------  */
		
	/* -------------- product page start -------------------*/
	.product-inner {
		padding: 25px;
		border-radius: 10px;
	}
	.product-listing .main-heading {
		font-size: 24px;
	}
	.product-listing li {
		font-size: 16px;
		width: 100%;
		background-position:0 7px;
		padding-left: 20px;
		background-size: 10px;
	}
	.inquiry-modal .modal-title {
		font-size: 21px;
	}
	.product-img{
		margin-bottom: 20px;
	}
	.product-img img {
		border-top-right-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	/* -------------- product page end ------------------*/
	.breadcrumb-nav a {
		font-size: 18px;
	}
	.mobile-logo{
		padding: 10px 10px 10px 30px;
	  }
	  .mobile-logo img{
		width: 110px;
	  }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.slider .banner-text h3 {
		font-size: 32px;
	}
	.contact-map iframe {
	height: 300px;
	}
	.page-title {
		height: 200px;	
	}

	.banner-text .sub-heading {
		font-size: 15px;
	}

	.sub-heading .hr-line {
		width: 50px;
		height: 2px;
	}

	.banner-text {
		left: 44%;
		top: 35px;
		width: 40%;
	}

	.section-padding {
		padding: 30px 0;
	}

	.main-heading h2 {
		font-size: 30px;
	}

	.small-heading h5 {
		font-size: 25px;
		line-height: 32px;
	}

	.thumb-overlay .h5 {
		font-size: 20px;
	}

	#logo .owl-prev {
		left: 350px;
	}

	#logo .owl-next {
		right: 350px;
	}

	body {
		overflow-x: hidden;
		font-size: 16px;
	}

	.testimonial .client-name {
		font-size: 16px;
	}

	.quote img {
		width: 40px !important;
		height: 30px;
	}

	footer ul li i {
		margin-right: 11px;
		font-size: 25px;
	}

	footer li a {
		line-height: 30px;
		font-size: 13px;
	}

	.secondary-footer .copy-right {
		font-size: 13px;
	}

	.yrs-experience {
		right: 0px;
		left: unset;
		width: 250px;
		height: 87px;
		padding: 7px 22px;
	}

	.about-img img {
		object-fit: cover;
		width: 100%;
	}

	.about-us .yrs-experience h5 {
		font-size: 35px;
	}

	.about-us .yrs-experience h6 {
		font-size: 18px;
		margin-left: 10px;
	}

	.products .thumb-card-one img {
		height: 320px;
	}

	.products .products-thumb-two img {
		height: 320px;
	}

	.thumb-overlay p {
		padding-right: 0px;
	}

	#logo .owl-next {
		/* right: 420px; */
		right: 190px;
	}

	#logo .owl-prev {
		left: 190px;
	}

	.testimonial .clients {
		padding: 40px;
	}

	.footer-logo img {
		width: 200px;
	}

	#logo .owl-prev {
		position: unset;
		top: -20px;
		left: 420px;
		margin-bottom: 15px;
	}

	#logo .owl-next {
		position: unset;
		top: -20px;
		right: 420px;
		margin-bottom: 15px;
	}

	#logo .owl-stage-outer {
		padding-bottom: 30px;
	}

	.sub-heading .hr-line {
		width: 39px;
		height: 2px;
	}

	.contact-info {
		line-height: 65px;
	}

	.logo img {
		width: 120px;
	}

	.navigation-portrait .nav-dropdown>li>a {
		padding: 12px 25px 12px 50px;
	}

	.nav-dropdown>li>a,
	.megamenu-list>li>a {
		width: 100%;
	}

	.nav-dropdown>li>a {
		border-bottom: 1px solid #e2e2e2;
	}

	.nav-menu>li {
		padding: 0px 0px;
	}

	.nav-menus-wrapper .top-menu>li.active>a,
	.nav-menus-wrapper .top-menu>li:hover>a {
		border-bottom: 0;
	}

	.nav-dropdown>li>a {
		font-size: 17px;
	}

	.top-menu li.active {
		background: #f5f5f5;
	}

	.footer-logo img {
		width: 120px;
	}

	.contact-info {
		line-height: 50px;
	}

    .btn {
        min-width: 160px;
        height: 45px;
    }

    footer .secondary-footer {
        padding: 10px 0px;
    }
    /* ----------------contact responsive------------- */
    .contact-details .contact-information {
        padding-left: 0px;
    }
    .contact-details .main-heading {
      font-size: 30px;
    }
    .contact-information .office-address {
       font-size: 20px;
    }
	.page-title-container .main-heading {
		font-size: 35px;
	}
    .breadcrumb-nav li {
        font-size: 15px;
    }
	/* ----------------about us-------------  */
.small-sub-heading .main-heading {
    font-size: 35px;
}
.about-us .sub-heading {
    padding-right: 80px;
}
/* ----------------about us end-------------  */
   
/* -------------- product page start -------------------*/
.product-inner {
    padding: 30px;
	border-radius: 10px;
}
.product-listing .main-heading {
    font-size: 27px;
}
.product-listing li {
    font-size: 16px;
}
.inquiry-modal .modal-title {
    font-size: 23px;
}
.product-img{
	margin-bottom: 20px;
}
.product-img img {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
/* -------------- product page end ------------------*/
.breadcrumb-nav a {
    font-size: 18px;
}
.mobile-logo{
	padding: 10px 10px 10px 30px;
  }
  .mobile-logo img{
	width: 110px;
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.slider .banner-text h3 {
		font-size: 32px;
	}
	.page-title {
	height: 250px;
	}

	.banner-text .sub-heading {
		font-size: 17px;
	}

	.sub-heading .hr-line {
		width: 50px;
		height: 2px;
	}

	.banner-text {
		left: 44%;
		top: 62px;
		width: 50%;
	}

	.section-padding {
		padding: 50px 0;
	}

	.main-heading h2 {
		font-size: 55px;
	}

	.small-heading h5 {
		font-size: 30px;
		line-height: 38px;
	}

	.thumb-overlay .h5 {
		font-size: 25px;
	}

	#logo .owl-prev {
		left: 350px;
	}

	#logo .owl-next {
		right: 350px;
	}

	body {
		overflow-x: hidden;
		font-size: 16px;
	}

	.testimonial .client-name {
		font-size: 16px;
	}

	.quote img {
		width: 40px !important;
		height: 30px;
	}

	footer ul li i {
		margin-right: 11px;
		font-size: 25px;
	}

	footer li a {
		line-height: 30px;
		font-size: 13px;
	}

	.secondary-footer .copy-right {
		font-size: 12px;
	}

	.yrs-experience {
		right: 90px;
		left: unset;
		width: 250px;
		height: 87px;
		padding: 7px 22px;
	}

	.about-img img {
		object-fit: cover;
		width: 100%;
	}

	.about-us .yrs-experience h5 {
		font-size: 40px;
	}

	.about-us .yrs-experience h6 {
		font-size: 20px;
		margin-left: 10px;
	}

	.products .thumb-card-one img {
		height: 472px;
	}

	.products .products-thumb-two img {
		height: 228px;
		width: 100%;
		object-fit: cover;
	}

	.thumb-overlay p {
		padding-right: 0px;
	}

	#logo .owl-next {
		/* right: 420px; */
		right: 130px;
	}

	#logo .owl-prev {
		left: 130px;
	}

	.testimonial .clients {
		padding: 40px;
	}

	.footer-logo img {
		width: 200px;
	}

	.logo img {
		width: 150px;
	}

	.nav-menus-wrapper .top-menu>li.active>a,
	.nav-menus-wrapper .top-menu>li:hover>a {
		border-bottom: 0;
		background: #f5f5f5;
	}

	.nav-menu>li {
		/* display: inline-block; */
		/* float: left; */
		/* text-align: left; */
		padding: 0px;
	}
	.nav-dropdown>li>a {
		font-size: 17px;
	}

	.navigation-portrait .nav-dropdown>li>a {
		padding: 12px 25px 12px 50px;
	}

	.nav-dropdown>li>a,
	.megamenu-list>li>a {
		width: 100%;
	}

	.nav-dropdown>li>a {
		border-bottom: 1px solid #e2e2e2;
	}

	/* .navigation-portrait .nav-menu > li >.active > a {
    background:#f5f5f5 ;
} */
	.top-menu li.active {
		background: #f5f5f5;
	}
/* ----------------contact responsive--------- */
.contact-details .main-heading {
    font-size: 35px;
}
.contact-information .office-address{
    font-size: 25px;
}
.contact-details .contact-information {
    padding-left: 0px;
}
.page-title-container .main-heading {
    font-size: 38px;
}
.breadcrumb-nav li {
    font-size: 17px;
}
/* ----------------about us-------------  */
.small-sub-heading .main-heading {
    font-size: 42px;
}
.about-us .sub-heading {
    padding-right: 160px;
}
/* ----------------about us end-------------  */

/* -------------- product page start -------------------*/
.product-inner {
    padding: 35px;
}
.product-listing .main-heading {
    font-size: 28px;
}
.product-listing li {
    font-size: 16px;
}
.inquiry-modal .modal-title {
    font-size: 23px;
}
.product-img{
	margin-bottom: 20px;
}
.product-img img {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}
/* -------------- product page end ------------------*/
.breadcrumb-nav a {
    color: #fff;
    font-size: 19px;
}
.nav-menu>li>a {
    font-size: 19px;
}
.mobile-logo{
	padding: 10px 10px 10px 30px;
  }
  .mobile-logo img{
	width: 110px;
  }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.nav-menu>li>a {

		font-size: 17px;

	}

	.slider .banner-text h3 {
		font-size: 42px;
	}

	.banner-text {
		left: 44%;
		top: 80px;
		width: 50%;
	}

	.section-padding {
		padding: 50px 0;
	}

	.main-heading h2 {
		font-size: 60px;
	}

	.small-heading h5 {
		font-size: 30px;
		line-height: 38px;
	}

	.thumb-overlay .h5 {
		font-size: 30px;
	}

	#logo .owl-prev {
		left: 350px;
	}

	#logo .owl-next {
		right: 350px;
	}

	body {
		overflow-x: hidden;
		font-size: 16px;
	}

	.testimonial .client-name {
		font-size: 16px;
	}

	.quote img {
		width: 40px !important;
		height: 30px;
	}

	footer ul li i {
		margin-right: 11px;
		font-size: 25px;
	}

	footer li a {
		line-height: 30px;
		font-size: 13px;
	}

	.secondary-footer .copy-right {
		font-size: 14px;
	}

	.yrs-experience {
		width: 250px;
		height: 87px;
		border-radius: 15px;
		background: #fff;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		padding: 7px 29px;
		position: absolute;
		/* right: 0; */
		bottom: 0px;
		left: 160px;
	}

	.about-img img {
		object-fit: cover;
		width: 100%;
	}

	.about-us .yrs-experience h5 {
		font-size: 40px;
	}

	.about-us .yrs-experience h6 {
		font-size: 20px;
		margin-left: 10px;

	}

	.nav-menu>li {
		padding: 0px 30px;
	}
    .breadcrumb-nav li {
        font-size: 18px;
    }
    .contact-details .main-heading {
        font-size: 45px;
    }
    .contact-details .main-heading {
    color: #12A768;
    font-size: 45px;
}
.contact-details .contact-information {
    padding-left: 0px;
}


/* ----------------about us-------------  */
.small-sub-heading .main-heading {
    font-size: 42px;
}
/* ----------------about us end-------------  */

/* -------------- product page start -------------------*/
.product-inner {
    padding: 40px;
}
.product-listing .main-heading {
    font-size: 27px;
}
.product-listing li {
    font-size: 16px;
}
.inquiry-modal .modal-title {
    font-size: 23px;
}
/* -------------- product page end ------------------*/
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1400.98px) {
	.banner-text {
		top: 100px;
	}
    .primary-footer .contact-info li a{
        line-height: 33px;
    }
    .contact-details .main-heading {
       font-size: 45px;
    }

}

/* // For 2k Monitors, (more than 1401 px) */
@media (min-width: 1401px) and (max-width: 1599.98px) {
    .banner-text {
        left: 44%;
        top: 120px;
    }
}

@media (min-width: 1600px) and (max-width: 2559.98px) {
    .banner-text {
        left: 44%;
        top: 190px;
    }

}

@media (min-width: 2560px) {}