/*
	Theme Name: Aitken Spence Printing
	Theme URI: https://www.weblankan.com/
	Author: WebLankan Team - Vedha
	Author URI: https://www.weblankan.com/
	Description: Aitken Spence Printing
	Version: 1.0
	Text Domain: Design & Developed by WebLankan Team
*/



/* Common styles */
:root {
    --black: #000000;
    --medium-black: #292929;
	--white: #ffffff;
	--gray: #474747;
	--blue: #1C337F;
	--light-blue: #4992D7;
	--dark-blue: #281670;
	--yellow: #F7C100;
	--purple: #8E1E77;
	--red: #843A3F;
	--roboto: 'Roboto', sans-serif;
	--open: 'Open Sans', sans-serif;
	--ibm: 'IBM Plex Sans Hebrew', sans-serif;
	--fs09: 09px;
	--fs11: 11px;
	--fs12: 12px;
	--fs13: 13px;
	--fs14: 14px;
	--fs15: 15px;
	--fs16: 16px;
	--fs17: 17px;
	--fs18: 18px;
	--fs20: 20px;
	--fs22: 22px;
	--fs25: 25px;
	--fs26: 26px;
	--fs28: 28px;
	--fs30: 30px;
	--fs35: 35px;
	--fs40: 40px;
	--fs45: 45px;
	--fs55: 55px;
	--fs60: 60px;
	--fs70: 70px;
	--fs80: 80px;
	--fs86: 86px;
	--fwn: 400;
	--fwm: 500;
	--fwsb: 600;
	--fwb: 700;
}
body::-webkit-scrollbar {
    width: 10px;
    scrollbar-width: thin;
}
/* Track */
body::-webkit-scrollbar-track {
    background: transparent;
}
/* Handle */
body::-webkit-scrollbar-thumb {
    background: var(--blue);
	border-radius: 10px;
}
/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
    background: var(--dark-blue);
}

.col-12, .col-9, .col-7, .col-6, .col-3, .col {
	padding-left: 0;
	padding-right: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 0;
}
a {
	text-decoration: none;
}
.main-wrap {
	/* width: 71.5%; */
	width: 80%;
	margin: auto;
}
.near-main-wrap {
	width: 63%;
	margin: auto;
}
.min-wrap {
	width: 60%;
	margin: auto;
}
.large-wrap {
	width: 80%;
	margin: auto;
}
.minimal-wrap {
	width: 45%;
	margin: auto;
}
.medium-wrap {
	width: 50%;
	margin: auto;
}
.peoples-wrap {
	width: 67%;
	margin: auto;
}
/* Common styles */



/* Header styles */
.header {
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 25px;
	z-index: 1111;
	transition: all 0.5s;
}
.header .top-bar {
	padding-bottom: 25px;
}
.header .top-bar .left {
	width: 20.5%;
}
.header .top-bar .middle {
	width: 59%;
	text-align: center;
}
.header .top-bar .right {
	width: 20.5%;
	text-align: end;
}
.header .top-bar .icon {
	padding-right: 13px;
}
.header .top-bar .link {
	font-family: var(--roboto);
	font-size: var(--fs17);
	color: var(--gray);
	font-weight: var(--fwb);
}
.header .top-bar .email {
	font-weight: var(--fwsb);
}
.header .top-bar .link:hover {
	text-decoration: underline;
}

.header .bottom-bar {
	/* background-color: var(--dark-blue); */
	background: linear-gradient(90deg, var(--dark-blue) 0%, rgba(0,0,0,1) 100%);
	
}
.header .bottom-bar .navbar {
	height: 50px;
	padding: 0;
}
.header .bottom-bar .navbar .navbar-collapse .navbar-nav {
	height: 50px;
}
.header .bottom-bar .navbar .navbar-nav .nav-item .nav-link {
	height: 50px;
	/* padding: 0 37px; */
	font-family: var(--roboto);
	font-size: var(--fs15);
	color: var(--white);
	letter-spacing: -0.3px;
	line-height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 3px solid transparent;

	width: 170px;
	padding: 0;
}
.header .bottom-bar .navbar .navbar-nav .active {
    border-bottom: 3px solid var(--white);
}
.header .bottom-bar .navbar .navbar-nav .nav-item:hover {
	border-bottom: 3px solid var(--white);
}
.header .bottom-bar .navbar .navbar-nav #menu-item-43 {
	background-color: #231362;
}
.header .bottom-bar .navbar .navbar-nav #menu-item-42 {
	background-color: var(--blue);
}
.header .bottom-bar .navbar .navbar-nav #menu-item-41 {
	background-color: #147CBF;
}
.header .bottom-bar .navbar .navbar-nav #menu-item-40 {
	background-color: #75C4EF;
}
.header .bottom-bar .navbar .navbar-nav #menu-item-39 {
	background-color: var(--yellow);
}
.header .bottom-bar .navbar .navbar-nav #menu-item-38 {
	background-color: var(--purple);
}
.header .bottom-bar .navbar .navbar-nav #menu-item-37 {
	background-color: var(--red);
}
.header .bottom-bar .navbar .navbar-nav #menu-item-36 {
	background-color: #293241;
}
.header .bottom-bar .navbar .navbar-nav #menu-item-35 {
	background-color: #1a1a1a;
}
.header-scroll {
	padding-top: 10px;
	background-color: var(--white);
	transition: all 0.5s;
	-webkit-box-shadow: 0px 3px 6px 0px rgb(74 74 74 / 40%);
    -moz-box-shadow: 0px 3px 6px 0px rgb(74 74 74 / 40%);
    box-shadow: 0px 3px 6px 0px rgb(74 74 74 / 40%);
}
.top-bar-scroll {
	padding-bottom: 10px!important;
	transition: all 0.5s;
}
.logo-scroll {
    height: 65px;
}
.header-height {
	height: 185px;
}
/* Header styles */


/* Footer styles */
.footer {
	background-color: #F4F6FA;
	padding-top: 80px;
}
.footer .top-row {
	padding-bottom: 70px;
}
.footer .bottom-row .column-1 {
	width: 33%;
	border-left: 1px solid #8AC3EB;
	border-right: 1px solid #8AC3EB;
	padding: 0 60px 100px 60px;
}
.footer .bottom-row .column-1 .menu-footer-menu-2-container {
	padding-left: 60px;
}
.footer .bottom-row .column-2 {
	width: 38%;
	border-right: 1px solid #8AC3EB;
	padding: 0 60px 100px 60px;
}
.footer .bottom-row .column-2 .product-title {
    width: 50%;
	font-family: var(--open);
	font-size: var(--fs13);
	color: var(--blue);
	padding: 7px 0;
}
.footer .bottom-row .column-3 {
	width: 29%;
	border-right: 1px solid #8AC3EB;
	padding: 0 60px 80px 60px;
}
.footer .bottom-row .column-3 .phone {
	font-family: var(--open);
	font-size: var(--fs18);
	color: var(--blue);
	font-weight: var(--fwsb);
	display: block;
	padding-bottom: 17px;
}
.footer .bottom-row .column-3 .email, .footer .bottom-row .column-3 .address {
	font-family: var(--open);
	font-size: var(--fs13);
	color: var(--blue);
	display: block;
	padding-bottom: 13px;
}
.footer .bottom-row .title {
	font-family: var(--roboto);
	font-size: var(--fs17);
	color: var(--blue);
	font-weight: var(--fwb);
	padding-bottom: 25px;
}
.footer .bottom-row .column-1 .nav-link {
	font-family: var(--open);
	font-size: var(--fs13);
	color: var(--blue);
}
.footer .bottom-row .column-1 .nav-link:hover {
	text-decoration: underline;
}
.footer .bottom-row .column-1 .active .nav-link {
	text-decoration: underline;
}
.footer .bottom-row .column-3 .social-link {
	margin-top: 20px;
	display: inline-block;
	margin-right: 15px;
}
.footer .bottom-row .column-3 .facebook .icon {
	margin-top: -2px;
}
.footer .bottom-row .column-3 .instagram .icon {
	margin-top: 4px;
}
.footer .bottom-row .column-3 .youtube .icon {
	margin-top: 4px;
}
.footer .bottom-row .column-3 .mobile {
	display: none;
}
.footer .copyright-div {
	border-top: 1px solid #8AC3EB;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
.footer .copyright-div br {
	display: none;
}
.footer .copyright-div .copyright, .footer .copyright-div .copyright .web-lankan {
	font-family: var(--open);
	font-size: var(--fs12);
	color: var(--blue);
	letter-spacing: 0.36px;
}
.footer .bottom-row .column-3 .phone:hover, .footer .bottom-row .column-3 .email:hover {
	text-decoration: underline;
}

.footer .to-top {
	position: absolute;
    right: 14%;
    bottom: 35px;
    border: 1px solid #b3b3b3;
    color: var(--blue);
    cursor: pointer;
    border-radius: 50%;
    font-size: var(--fs22);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer .to-top:hover {
	color: var(--black);
	background-color: var(--white);
	border: 1px solid #8f8f8f;
}
/* Footer styles */



/* Swiper pagination */
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    border-radius: 0px;
    width: 45px;
    height: 2px;
    background-color: white;
    opacity: 1;
	margin: 0 15px!important;
}
.swiper-pagination-bullet-active {
    background: var(--yellow)!important;
}
/* Swiper pagination */


/* Button styles */
.blue-btn {
	font-family: var(--roboto);
	font-size: var(--fs15);
	color: var(--white);
	font-weight: var(--fwsb);
	letter-spacing: 1.2px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 240px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 0;
	background-color: var(--blue);
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	transition: all 0.3s;
}
.blue-btn:hover {
	color: var(--white);
	background-color: var(--dark-blue);
	transition: all 0.3s;
}
.white-btn {
	font-family: var(--roboto);
	font-size: var(--fs15);
	color: var(--black);
	font-weight: var(--fwsb);
	letter-spacing: 1.2px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 240px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-color: var(--white);
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: 1px solid transparent;
	transition: all 0.3s;
}
.white-btn:hover {
	color: var(--white);
	background-color: var(--dark-blue);
	transition: all 0.3s;
}
.see-all {
	font-family: var(--roboto);
    font-size: var(--fs15);
    color: var(--white);
    font-weight: var(--fwsb);
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.see-all:hover {
    color: var(--white);
    text-decoration: underline;
}
.border-btn {
	font-family: var(--roboto);
	font-size: var(--fs15);
	color: var(--white);
	font-weight: var(--fwsb);
	letter-spacing: 1.2px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 340px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 1px solid var(--white);
	transition: all 0.3s;
}
.border-btn:hover {
	color: var(--white);
	background-color: var(--dark-blue);
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	transition: all 0.3s;
}
.close-btn {
	font-family: var(--roboto);
	font-size: var(--fs15);
	color: var(--white);
	font-weight: var(--fwsb);
	letter-spacing: 1.2px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 240px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 0;
	background-color: #898989;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	transition: all 0.3s;
}
.close-btn:hover {
	color: var(--white);
	background-color: #7c7c7c;
	transition: all 0.3s;
}
/* Button styles */


/* Page common */
.page-banner .page-banner-image {
	width: 100%;
	height: 500px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
    background-position: center!important;
	position: relative;
	z-index: 1;
}
.page-banner .title {
	font-family: var(--roboto);
	font-size: var(--fs60);
	color: var(--white);
	font-weight: var(--fwsb);
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15);
	position: absolute;
	bottom: 0px;
}
.page-large .main-wrap {
	position: relative;
}
.page-large .breadcrumbs {
	position: absolute;
	right: 0;
	top: 25px;
	font-family: var(--roboto);
	font-size: var(--fs14);
	color: #707070;
}
.page-large .breadcrumbs a {
	color: #707070;
}
.page-large .large-logo {
	margin-top: -25px;
	width: 100%;
}
/* Page common */


/* Mobile menu styles */
.mobile-menu {
	display: none;
    text-align: center;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
	position: fixed;
	top: 0;
	z-index: 1111;
	width: 100%;
	background-color: var(--white);
	transition: all 0.5s;
}
.mobile-menu .mobile-menu-logo {
    height: 70px;
}
.mobile-menu .mobile-menu-logo-scroll {
	height: 50px;
}
.mobile-menu .navbar-toggler {
    border: 0;
    position: absolute;
    right: 5px;
    top: 27px;
    font-size: var(--fs35);
}
.mobile-menu .navbar-toggler-scroll {
	top: 22px;
	font-size: var(--fs30);
}
.mobile-menu .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='%230D63B0' class='bi bi-list'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/></svg>")!important;
	background-repeat: no-repeat;
}
.mobile-menu .navbar-toggler:focus {
    box-shadow: 0 0 0 0;
}
.mobile-menu .navbar-toggler-icon-close {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='%230D63B0' class='bi bi-x'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>")!important;
	background-repeat: no-repeat;
}
.mobile-menu .navbar-collapse {
    overflow-x: hidden;
	overflow-y: auto;
	/* height: auto; */
	height: 90vh;
    position: relative;
    top: 25px;
    padding-top: 50px;
}
.mobile-menu .navbar-collapse .navbar-nav .nav-item {
    margin-bottom: 25px;
}
.mobile-menu .navbar-collapse .navbar-nav .nav-item .nav-link {
	font-size: var(--fs20);
	font-family: var(--roboto);
	color: var(--white);
	font-weight: var(--fwsb);
	height: 60px;
	width: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobile-background {
	background: #F2F2F4;
	transition: all 0.5s;
}
.mobile-menu .mobile-social .link {
	display: block;
	font-family: var(--roboto);
	font-size: var(--fs22);
	color: var(--gray);
	font-weight: var(--fwsb);
}
.mobile-menu .mobile-social .icon {
	padding-right: 13px;
	height: 16px;
}
.mobile-menu .mobile-social .phone {
	margin-bottom: 15px;
}
.mobile-menu .mobile-social .large-logo {
	width: 100%;
	margin: auto;
}

.mobile-menu .navbar-nav #menu-item-325 {
	background-color: #231362;
}
.mobile-menu .navbar-nav #menu-item-326 {
	background-color: var(--blue);
}
.mobile-menu .navbar-nav #menu-item-333 {
	background-color: #147CBF;
}
.mobile-menu .navbar-nav #menu-item-332 {
	background-color: #75C4EF;
}
.mobile-menu .navbar-nav #menu-item-331 {
	background-color: var(--yellow);
}
.mobile-menu .navbar-nav #menu-item-327 {
	background-color: var(--purple);
}
.mobile-menu .navbar-nav #menu-item-330 {
	background-color: var(--red);
}
.mobile-menu .navbar-nav #menu-item-328 {
	background-color: #293241;
}
.mobile-menu .navbar-nav #menu-item-329 {
	background-color: #1a1a1a;
}

.mobile-bars {
    display: none;
	position: fixed;
	top: 110px;
	z-index: 99999;
    width: 100%;
}
.mobile-bars-scroll {
	top: 90px;
}
.mobile-bars .first {
    width: 20%;
    background-color: var(--dark-blue);
    height: 5px;
}
.mobile-bars .second {
    width: 20%;
    background-color: var(--blue);
    height: 5px;
}
.mobile-bars .third {
    width: 20%;
    background-color: #147CBF;
    height: 5px;
}
.mobile-bars .fourth {
    width: 15%;
    background-color: #75C4EF;
    height: 5px;
}
.mobile-bars .fifth {
    width: 3%;
    background-color: var(--yellow);
    height: 5px;
}
.mobile-bars .sixth {
    width: 12%;
    background-color: var(--purple);
    height: 5px;
}
.mobile-bars .seventh {
    width: 10%;
    background-color: var(--red);
    height: 5px;
}
/* Mobile menu styles */



/* Modal styles */
.modal-dialog {
	margin-top: 80px;
}
.modal iframe {
    width: 100%;
    height: 500px;
}
.modal-content {
    border-radius: 0px;
}
.modal-body {
    padding: 10px 10px 4px 10px;
}
/* Modal styles */



/* Get quote styles */
.quote {
	padding-top: 50px;
	padding-bottom: 50px;
}
.quote .title {
    font-family: var(--roboto);
    font-size: var(--fs40);
    color: var(--blue);
    font-weight: var(--fwsb);
    padding-bottom: 50px;
	text-align: center;
	line-height: 35px;
}
.quote .blue-btn {
	margin: auto;
}
.quote .left {
	width: 33.33%;
	padding: 0;
}
.quote .middle {
	width: 33.33%;
	padding: 0;
}
.quote .right {
	width: 33.33%;
	padding: 0;
}

.quote-modal .modal-xl {
    --bs-modal-width: 1600px;
}
.quote-modal .modal-dialog {
	margin-top: 170px;
	margin-bottom: 80px;
}
.quote-modal .modal-dialog .modal-title {
	font-family: var(--roboto);
    font-size: var(--fs30);
    color: var(--medium-black);
    font-weight: var(--fwsb);
	text-align: center;
}
.quote-modal .modal-body {
	padding: 15px;
}
.quote-modal .modal-footer .blue-btn {
	margin-left: 25px;
}
.quote-modal .column {
	width: 30%;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.quote-modal .input-box {
	display: flex;
	justify-content: space-between;
}
.form-group {
    padding: 0.5rem 0 !important;
    margin: 0 !important;
}
.quote-modal .input-box .form-group {
	width: 30%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.quote-modal .modal-footer > p {
    display: flex;
    padding: 1.5rem 0 0;
}
.quote-modal label.form-label {
    padding: 0.5rem 0;
}
.quote-modal .form-group > p {
    width: 100%;
}
.quote-modal .title {
	font-family: var(--roboto);
    color: var(--blue);
    font-size: var(--fs20);
	font-weight: var(--fwsb);
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: 1px solid #c1c1c1;
}
.quote-modal .sub-title {
	font-family: var(--roboto);
    color: var(--blue);
    font-size: var(--fs16);
	font-weight: var(--fwsb);
	padding-bottom: 25px;
	text-decoration: underline;
}

.quote-modal .form-label {
	font-family: var(--roboto);
    color: var(--gray);
    font-size: var(--fs15);
	font-weight: var(--fwsb);
	width: 35%;
	margin-bottom: 0;
}
.quote-modal .wpcf7-form-control-wrap {
	width: 65%;
}
.quote-modal .wpcf7-form-control-wrap .form-control {
	font-family: var(--roboto);
    color: var(--purple);
    font-size: var(--fs16);
	font-weight: var(--fwsb);
}
.quote-modal textarea.form-control {
    height: 38px;
}
.quote-modal .form-control:focus {
    border-color: var(--blue);
    box-shadow: none;
}

/* Get quote styles */

 #packagingModal select, #publicationsModal select, #othersModal select{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*Styling scrollable elements*/
.js-scroll {
	opacity: 0;
	transition: opacity 500ms;
}
.js-scroll.scrolled {
	opacity: 1;
}
.scrolled.fade-in-bottom {
	animation: fade-in-bottom 0.5s ease-in-out both;
	animation-delay: calc(0.3s * var(--i));
}
.scrolled.image-loading-bottom {
	animation: image-loading-bottom 0.7s ease-in-out both;
	animation-delay: calc(0.3s * var(--i));
}
.scrolled.opacity {
	animation: opacity 1.2s ease-in-out both;
}
.scrolled.width-full {
	animation: width-full 0.5s linear forwards;
	animation-delay: calc(0.3s * var(--i));
}

@keyframes fade-in-bottom {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes image-loading-bottom {
	0% {
		clip-path: inset(100% 0 0 0%);
	}
	100% {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes width-full {
	0% {
		width: 0;
	}
	100% {
		opacity: 100%;
	}
}
@keyframes play-button {
    0% {
        border: 0px solid rgba(25, 147, 221, 0.5);
    }
    50% {
        border: 8px solid rgba(25, 147, 221, 0.5);
    }
    to {
        border: 0px solid rgba(25, 147, 221, 0.5);
    }
}
@keyframes rotate {
    from {
		transform: rotate(0deg);
	}
    to {
		transform: rotate(360deg);
	}
}
/*Styling scrollable elements*/




/* Responsive */
@media screen and (max-width: 1680px) {
	.main-wrap {
		/* width: 82%; */
		width: 91%;
	}
	.minimal-wrap {
		width: 50%;
	}

	.footer .to-top {
		right: 9%;
	}
}

@media screen and (max-width: 1600px) {
	.main-wrap {
		/* width: 86%; */
		/* width: 90%; */
	}

	.header .bottom-bar .navbar .navbar-nav .nav-item .nav-link {
		width: 162px;
	}
	

	.footer .to-top {
		right: 7%;
	}
}

@media screen and (max-width: 1536px) {
	.main-wrap {
		/* width: 90%; */
		/* width: 94%; */
	}
	.min-wrap {
		width: 69%;
	}
	.near-main-wrap {
		width: 77%;
	}

	.header .top-bar .link {
		font-size: var(--fs15);
	}
	.header .bottom-bar .navbar .navbar-nav .nav-item .nav-link {
		width: 156px;
	}
	.logo-scroll {
		height: 50px;
	}

	.blue-btn {
		font-size: var(--fs14);
	}
	.see-all {
		font-size: var(--fs14);
	}
	.border-btn {
		font-size: var(--fs14);
	}

	.page-banner .title {
		font-size: 60px;
	}


	.modal iframe {
		height: 450px;
	}
	.modal-content {
		width: 80%;
    	margin: auto;
	}


	.footer .bottom-row .column-1 {
		padding: 0 45px 75px 45px;
	}
	.footer .bottom-row .column-2 {
		padding: 0 45px 75px 45px;
	}
	.footer .bottom-row .column-3 {
		padding: 0 45px 75px 45px;
	}
	.footer .copyright-div {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.footer .to-top {
		right: 5%;
		bottom: 30px;
		height: 45px;
    	width: 45px;
	}
}

@media screen and (max-width: 1440px) {
	.header .bottom-bar .navbar .navbar-nav .nav-item .nav-link {
		padding: 0 32px;
	}
}

@media screen and (max-width: 1366px) {
	.minimal-wrap {
		width: 55%;
	}

	.header .bottom-bar .navbar .navbar-nav .nav-item .nav-link {
		padding: 0 29px;
	}

	.footer .bottom-row .column-2 {
		padding: 0 40px 100px 40px;
	}
	.footer .bottom-row .column-3 {
		padding: 0 50px 80px 50px;
	}
}

@media screen and (max-width: 1360px) {
	.header .bottom-bar .navbar .navbar-nav .nav-item .nav-link {
		padding: 0 28px;
	}
}

@media screen and (max-width: 1280px) {
	.main-wrap {
		width: 95%;
	}
	.peoples-wrap {
        width: 80%;
    }


	.footer .bottom-row .column-1 {
		padding: 0 30px 55px 30px;
	}
	.footer .bottom-row .column-2 {
		padding: 0 30px 55px 30px;
	}
	.footer .bottom-row .column-3 {
		padding: 0 30px 55px 30px;
	}
	.footer .to-top {
		right: 2.5%;
	}
}

@media screen and (max-width: 1024px) {
	.min-wrap {
		width: 80%;
	}
	.minimal-wrap {
		width: 70%;
	}
	.medium-wrap {
		width: 75%;
	}
	.near-main-wrap {
        width: 85%;
    }

	.header .top-bar .middle {
		width: 56%;
	}
	.header .top-bar .right {
		width: 23.5%;
	}
	.header .bottom-bar .navbar .navbar-nav .nav-item .nav-link {
		padding: 0 15px;
	}


	.footer .bottom-row .column-1 {
		padding: 0 20px 60px 20px;
	}
	.footer .bottom-row .column-2 {
		padding: 0 0px 60px 20px;
	}
	.footer .bottom-row .column-3 {
		padding: 0 40px 60px 40px;
	}


	.modal-content {
		width: 100%;
	}
	.products .single-product .title {
    font-size: 15px;
    letter-spacing: 0.8px;
}
}

@media screen and (max-width: 844px) {
	.minimal-wrap {
		width: 82%;
	}

    .footer .bottom-row .column-3 {
		padding: 0 25px 60px 25px;
	}
}

@media screen and (max-width: 991px) {
	.desktop-menu {
		display: none;
	}
	.mobile-menu {
		display: block;
	}
	.header-height {
		height: 115px;
	}
	.mobile-bars {
		display: flex;
	}


	.modal-dialog {
		max-width: 800px;
		margin-top: 70px;
	}
	.modal iframe {
		height: 380px;
	}
	.quote .left, .quote .middle, .quote .right {
    width: 80%;
    padding: 0;
    margin: auto;
}
	.quote .middle{
		padding: 0.75rem 0;
	}
}

@media screen and (max-width: 768px) {
	.minimal-wrap {
		width: 95%;
	}
	.medium-wrap {
		width: 95%;
	}
	.near-main-wrap {
		width: 95%;
	}
	.min-wrap {
		width: 95%;
	}
	.peoples-wrap {
		width: 95%;
	}

	.blue-btn {
		height: 45px;
		width: 100%;
	}
	.border-btn {
		height: 45px;
		width: 300px;
	}

	.page-large .breadcrumbs {
		top: 1px;
		font-size: var(--fs11);
	}

	.footer {
		padding-top: 50px;
	}
	.footer .top-row {
		padding-bottom: 0px;
	}
	.footer .bottom-row {
		width: 100%;
	}
	.footer .bottom-row .column-1 {
		width: 100%;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #8AC3EB;
		padding: 40px;
	}
	.footer .bottom-row .column-2 {
		width: 100%;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #8AC3EB;
		padding: 40px;
	}
	.footer .bottom-row .column-3 {
		width: 100%;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #8AC3EB;
		padding: 40px;
	}
	.footer .bottom-row .title {
		font-size: var(--fs22);
		padding-bottom: 15px;
	}
	.footer .bottom-row .column-1 .nav-link {
		font-size: var(--fs17);
	}
	.footer .bottom-row .column-2 .product-title {
		width: 50%;
		font-size: var(--fs17);
		padding: 10px 0;
	}
	.footer .bottom-row .column-3 .desktop {
		display: none;
	}
	.footer .bottom-row .column-3 .mobile {
		display: inline-block;
	}
	.footer .bottom-row .column-3 .phone {
		font-size: var(--fs20);
		padding-bottom: 17px;
	}
	.footer .bottom-row .column-3 .email, .footer .bottom-row .column-3 .address {
		font-size: var(--fs17);
		padding-bottom: 13px;
	}
	.footer .bottom-row .column-1 .menu-footer-menu-2-container {
		padding-left: 175px;
	}
	.footer .bottom-row .column-3 .instagram .icon {
		margin-top: 5px;
	}
	.footer .bottom-row .column-3 .youtube .icon {
		margin-top: 7px;
	}
	.footer .copyright-div {
		border-top: none;
		padding: 30px 40px;
	}
	.footer .copyright-div br {
		display: block;
	}
	.footer .copyright-div .copyright, .footer .copyright-div .copyright .web-lankan {
		font-size: var(--fs15);
	}
	.footer .to-top {
		bottom: 135px;
	}


	.swiper-pagination-clickable .swiper-pagination-bullet {
		margin: 0 10px 10px!important;
	}


	.js-scroll {
		animation-delay: 0s!important;
	}



	.modal-dialog {
		max-width: 700px;
	}

	.quote-modal .input-box {
		display: block !important;
		padding-bottom: 0;
	}
	.quote-modal .input-box .form-group {
		width: 100%;
		flex-direction: column;
		padding-bottom: 10px;
	}
	.quote-modal .form-label {
		width: 100%;
	}
	.quote-modal .wpcf7-form-control-wrap {
		width: 100%;
	}
	
}

@media screen and (max-width: 428px) {
	.large-wrap {
		width: 95%;
	}

	.page-banner .page-banner-image {
		height: 185px;
	}
	.page-banner .title {
		font-size: 30px;
	}


	.mobile-menu {
		text-align: start;
		padding: 0 15px;
	}
	.mobile-menu .mobile-menu-logo {
		height: 50px;
	}
	.mobile-menu .navbar-toggler {
		top: 20px;
		font-size: var(--fs30);
	}
	.mobile-bars {
		top: 90px;
	}
	.header-height {
		height: 95px;
	}
	.mobile-menu .navbar-collapse {
		padding-top: 25px;
	}
	.mobile-menu .navbar-collapse .navbar-nav .nav-item {
		margin-bottom: 20px;
	}
	.mobile-menu .navbar-collapse .navbar-nav .nav-item .nav-link {
		font-size: var(--fs18);
		height: 50px;
		width: 275px;
	}
	.mobile-menu .mobile-social .link {
		font-size: var(--fs20);
	}
	.mobile-menu .mobile-social .icon {
		padding-right: 10px;
		height: 12px;
	}
	


	.footer .top-row .logo {
		width: 100%;
	}
	.footer .bottom-row .title {
		font-size: var(--fs18);
		padding-bottom: 10px;
	}
	.footer .bottom-row .column-1 {
		padding: 27px;
	}
	.footer .bottom-row .column-2 {
		padding: 27px;
	}
	.footer .bottom-row .column-3 {
		padding: 27px;
	}
	.footer .bottom-row .column-1 .menu-footer-menu-2-container {
		padding-left: 60px;
	}
	.footer .bottom-row .column-1 .nav-link {
		font-size: var(--fs14);
	}
	.footer .bottom-row .column-2 .product-title {
		font-size: var(--fs14);
	}
	.footer .bottom-row .column-3 .email, .footer .bottom-row .column-3 .address {
		font-size: var(--fs14);
	}
	.footer .bottom-row .column-3 .facebook .icon {
		margin-top: -3px;
	}
	.footer .copyright-div {
		padding: 20px 27px;
	}
	.footer .copyright-div .copyright, .footer .copyright-div .copyright .web-lankan {
		font-size: var(--fs12);
	}
	.footer .bottom-row .column-3 .phone {
		font-size: var(--fs18);
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.footer .to-top {
		bottom: 100px;
	}


	.modal-dialog {
		max-width: 100%;
		margin-top: 0px;
	}
	.modal iframe {
		height: 220px;
	}
	.modal-body {
		padding: 4px 4px 0px 4px;
	}
	.banner .swiper-horizontal>.swiper-pagination-bullets, 
	.banner .swiper-pagination-bullets.swiper-pagination-horizontal, 
	.banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
    bottom: -10px!important;
}
	.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 32px;
}
	.banner .banner-slider .swiper-slide .banner-image {
		height: 100%;
		width: 100%;
		object-fit: contain;
	}
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 395px) {
	.footer .bottom-row .column-1 {
		padding: 15px;
	}
	.footer .bottom-row .column-2 {
		padding: 15px;
	}
	.footer .bottom-row .column-3 {
		padding: 15px;
	}
	.footer .bottom-row .column-3 .social-link {
		margin-top: 10px;
	}

	.footer .copyright-div {
		padding: 20px 15px;
	}
	.footer .to-top {
		bottom: 87px;
	}
}

@media screen and (max-width: 375px) {
	.mobile-menu .mobile-social .link {
		font-size: var(--fs20);
	}

	.footer .bottom-row .column-1 .nav-link {
		font-size: var(--fs13);
	}
	.footer .bottom-row .column-2 .product-title {
		font-size: var(--fs13);
	}
	.footer .bottom-row .column-3 .email, .footer .bottom-row .column-3 .address {
		font-size: var(--fs13);
	}
	.footer .bottom-row .column-3 .phone {
		font-size: var(--fs16);
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.footer .copyright-div .copyright, .footer .copyright-div .copyright .web-lankan {
		font-size: var(--fs11);
	}
}

@media screen and (max-width: 360px) {
	.modal iframe {
		height: 185px;
	}
}

@media screen and (max-width: 320px) {
	.mobile-menu .navbar-collapse .navbar-nav .nav-item .nav-link {
		width: 250px;
		font-size: var(--fs17);
	}
	.mobile-menu .mobile-social .link {
		font-size: var(--fs18);
	}

	.blue-btn {
		height: 35px;
		width: 140px;
	}
	.border-btn {
		height: 40px;
		width: 260px;
	}

	.page-banner .title {
		font-size: 25px;
	}

	.modal iframe {
		height: 160px;
	}

	.footer .bottom-row .column-1 .menu-footer-menu-2-container {
		padding-left: 23px;
	}
	.footer .copyright-div {
		padding: 15px 15px;
	}
	.footer .copyright-div .copyright, .footer .copyright-div .copyright .web-lankan {
		font-size: var(--fs09);
	}
	.footer .to-top {
		bottom: 70px;
		font-size: var(--fs18);
		height: 30px;
		width: 30px;
	}
}
/* Responsive */


@media (min-width: 991px) and (max-width: 1600px) {
	.page-banner .page-banner-image {
		height: 400px;
	}
}


.wpcf7 p{
	margin:0 !important;
}
.wpcf7 p br{
	display:none !important;
}
.quote-modal form.wpcf7-form.init {
    padding: 0 2rem;
}
.quote-modal label.form-label {
    width: max-content !important;
}
.contact .form .form-label, .apply-form .form-label {
    top: 30px!important;
}
.contact .form .focused .form-label, .apply-form .focused .form-label  {
    top: 30px!important;
}

@media (min-width: 990px) and (max-width: 1025px) {
	.header .bottom-bar .navbar .navbar-nav .nav-item .nav-link {
    width: max-content;
}
}