html
{
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
}


@media only screen and (max-width: 575.98px) {
	
	
	.blog_date{background:#fff;}
	
	.btn-primary-fill:hover:after
	{
		display:none;
	}
	
	
	
	.heroBanner_child
	{
		    height: 105px;
	}
	
	
	.submitSearchService 
	{
		border: 2px solid white !important;
	}
	
	
	
	.autoCompleteParent .inputSearchService::placeholder
	{
	    font-size: 18px;	
	}
	
	
	.AutoCompleteHeadSection .display-6
	{
	    font-size: calc(1.8rem);	
	}
	
	
	.subtitle_Hero{    font-family: "PJ-Light", sans-serif;}
	
	
    /* CSS rules for extra small devices like mobile phones */
     .__how_we_work .steps .step {
         align-items:flex-start;
    }
     .footer #footer-links .rowDiv{
         background-color: #F8F9FF!important;
         border-radius: 6px;
         padding: 0px 18px;
    }
     .dark-mode .footer #footer-links .rowDiv {
         background-color: #2c2f35f7 !important;
    }
     .rounded-mob-0{
         border-radius: 0!important;
    }
     .navbar-toggler-icon, .navbar-toggler-icon::after, .navbar-toggler-icon::before, .dark-mode .headerTransparent .navbar-toggler-icon, .dark-mode .headerTransparent .navbar-toggler-icon::after, .dark-mode .headerTransparent .navbar-toggler-icon::before, .dark-mode .header.navbar-stuck .navbar-toggler-icon, .dark-mode .header.navbar-stuck .navbar-toggler-icon::after, .dark-mode .header.navbar-stuck .navbar-toggler-icon::before {
         background-color: #fff !important;
    }
     .headerTransparent .navbar-toggler-icon, .headerTransparent .navbar-toggler-icon::after, .headerTransparent .navbar-toggler-icon::before, .header.navbar-stuck .navbar-toggler-icon, .header.navbar-stuck .navbar-toggler-icon::after, .header.navbar-stuck .navbar-toggler-icon::before, .header.navbar-stuck .navbar-toggler-icon, .header.navbar-stuck .navbar-toggler-icon::after, .header.navbar-stuck .navbar-toggler-icon::before {
         background-color: var(--title) !important;
    }
     .header.header.navbar-sticky .nav-item .nav-link {
         color: var(--title) !important;
		 width:100%;
		 position:relative;
		 z-index:1;
    }
     .dark-mode .header.header.navbar-sticky .nav-item .nav-link {
         color: #fff !important;
    }
     .container{
        width:96%;
    }
     .w-100-mob{
        width:100%;
    }
     .inputSearchService::placeholder{
        font-size:16px;
    }
     .border-none-mob{
        border:inherit !important
    }
     .blogSectionMain .card-img-top {
         height: 10em;
    }
     .headSection {
         justify-content: start !important;
         align-items: self-start;
         /*max-height: 100vh;*/
         display: flex;
    }
     .heroBanner {
     /*     background: url(../images/services-small.webp) no-repeat center center; */
         background-size: cover;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-attachment: fixed;
    }
     .aboutBanner {
       /*   background: url(../images/about/about_us_hero_mobile.webp) no-repeat center center; */
         background-size: cover;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-attachment: fixed;
    }
     .serviceBanner {
       /*   background: url(../images/services-small.webp) no-repeat center center; */
         background-size: cover;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-attachment: fixed;
    }
	
	
	.our_service_style_1 .card-img-top {
    height: 250px;
    object-fit: cover;
    }

	p{font-size: large;}
	
	
	.__how_we_work .step-number{    width: 50px;
    height: 50px;}
	
	.__how_we_work .step-number .step-number-inner{    width: 30px;
    height: 30px;}
	
	
	.copyright_section{font-size:14px;}
	
	 a:active,button:active{background:transparent;}
	 
	 
	.review_section_2 blockquote
	 {
		    padding: 15px;
	 }
	.review_section_2 blockquote p
	{
	  font-size: 16px; 
	}
	
	.review_section_2  figure{margin-right:0 !important; padding-right:0 !important;}
	
     #footer-links h6 a{font-size:1rem !important}
    .fullBanner { min-height: inherit;}


    

    .myCartParent ._myCartMain 
    {
        padding: 20px 2px !important;

        height: 75vh;
        position: relative;
        box-shadow: inherit !important;
    }

    .myCartParent .__checkoutBtn
    {
        position: absolute;
        bottom: 20px;
    } 

    ._listItems .itemImageHeader,._listItemsCheckout .itemImageHeader
    {
        height: 70px;
        width: 70px
    }

    body ._listItems .accordion-body .productImg
    {
        height: 70px;
        width: 70px;
    }

    body .__favListBtn,body .__favListBtn:hover 
	{    
	background: var(--primaryColor10) !important;
	border: 2px solid rgb(244 239 251) !important;
	}

    .mobile_quoteid_sec{    background: #eaeaea;}


	
	
	._paymentSummary {box-shadow:none !important;}
	
	.leftHitsParent .intro{    font-size: medium;}
	
	.productOverlayParent span{border-radius:5px !important;}
	.price_start{     font-size: 14px;}
	
	.cartListParent{overflow-y:scroll !important;}
	
	body .btnWidth{width:100%;}
	
	
	
	.categoriesListHr{color: var(--primaryColor);}
	
	.mx-width-250{max-width:220px;}
	
	
	.border-bottom-line{
		border-bottom: 1px solid #e3e3e3;
       margin-bottom: 15px;
	}
	.border-bottom-line:last-child{border-bottom:inherit; margin-bottom: inherit;}

	.btn-instagram, .btn-facebook, .btn-twitter, .btn-linkedin, .btn-youtube{margin-left: 10px !important;}
	
	
	.__pay_deposit_btn:active
	{
		background-color:hsla(109, 44%, 55%, 1) !important;
		background-color: linear-gradient(0deg, hsla(109, 44%, 55%, 1) 0%, hsla(143, 89%, 33%, 1) 100%) !important;
		background-color: -moz-linear-gradient(0deg, hsla(109, 44%, 55%, 1) 0%, hsla(143, 89%, 33%, 1) 100%) !important;
		background-color: -webkit-linear-gradient(0deg, hsla(109, 44%, 55%, 1) 0%, hsla(143, 89%, 33%, 1) 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#6DBF5A", endColorstr="#09A144", GradientType=1 );
	
	    color:#fff !important;
	}
	
	
	.myCartParent  .position-sticky
	{
		    height: 100%;
	}

	body .submitSearchService{font-size:20px !important;}
	
    .inputSearchService::placeholder
	{
		    color: #000;
            opacity: 0.5;
		    font-family: "PJ-Medium", sans-serif;
	}
	.inputSearchService
	{
	   font-size: 20px;
	}
	.autoCompleteParent .inputSearchService
	{
		    height: 50px;

	}
	
	.AutoCompleteHeadSection .autoCompleteParent::before
	{
		    left: 7px;
			line-height: 55px;
	}
	
	
	.banner_video_section .jarallax
	{
		height:250px;
	}
	
	.banner_video_section .jarallax-img
	{
		
	 /* background-image:url('../images/video_placeholder_mobile.webp'); */
	}
	
	
	.serviceBanner .serviceSvg svg{height:120px;}
	
	
	._paymentSummary .agree_section label,
	._paymentSummary  .price_summary_data .small
	{
	    font-size: medium;	
	}
	
	
	.step::after, .step::before, .steps-sm .step::after, .steps-sm .step::before
	{
		
		background-color:transparent !important;
	}
	
	
}
 @media only screen and (max-width: 575.98px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
     .heroBanner, .aboutBanner, .serviceBanner {
        background-attachment: scroll;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and (orientation: landscape) {
    /* CSS rules for small devices like mobile phones */
    .navbar-brand>img{width: 140px!important;}
    .fs-sm{font-size: .675rem!important;}
    .fullBanner {min-height: unset;}
    .navbar-toggler-icon, .navbar-toggler-icon::after, .navbar-toggler-icon::before { background-color: #ffffff !important;}
    .btn-instagram, .btn-facebook, .btn-twitter, .btn-linkedin, .btn-youtube{margin-left: 2px !important;}
    header.header.navbar-sticky .offcanvas-body .nav-item a.nav-link{color: #0b0f19 !important;}
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
    header.header .navbar-brand img{width: 200px!important;}
    .navbar-toggler-icon, .navbar-toggler-icon::after, .navbar-toggler-icon::before { background-color: #ffffff !important;}
    .fullBanner {min-height: unset !important;}
    header.header.navbar-sticky .offcanvas-body .nav-item a.nav-link{color: #0b0f19 ;}
}
 @media only screen and (min-width: 768px) {
    /* CSS rules for medium devices like tablets */
}
 @media only screen and (min-width: 992px) {
    /* CSS rules for large devices like desktops */
}
 @media only screen and (min-width: 1200px) {
    /* CSS rules for extra large devices like large desktops */
	.leftHitsParent{    padding-right: 3%;}
}
 @media only screen and (min-width: 1400px) {
    /* CSS rules for extra extra large devices like extra large desktops */
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .navbar-brand>img{width: 100px!important;}
	
}
@media only screen and (min-device-width: 320px) and (max-device-width: 576px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .step-number{background: var(--primary-color-gray-v2) !important;}
    .dark-mode .step-number{background: #181b24 !important;}
  /* CSS rules here */
}
 @media only screen and (min-width: 806px) and (max-width: 1024px) and (orientation: landscape) {
    /* CSS rules for landscape orientation on tablets and smartphones */
	
	.navbar-brand>img{width: 95px!important;}
	.fs-sm{font-size: .675rem!important;}
    .fullBanner {min-height: unset !important;}
	
}
 @media only screen and (min-width: 576px) and (max-width: 1024px) and (orientation: portrait) {
     header.header.navbar-sticky .nav-item .nav-link, .dark-mode header.header.navbar-sticky.navbar-stuck .nav-item .nav-link, .dark-mode header.header.navbar-sticky.headerTransparent .nav-item .nav-link {
         color:#fff !important;
    }
     header.header.navbar-sticky.navbar-stuck .nav-item .nav-link, header.header.navbar-sticky.headerTransparent .nav-item .nav-link {
         color: #0b0f19!important;
    }
     .navbar-toggler-icon, .navbar-toggler-icon::after, .navbar-toggler-icon::before {
         background-color: #fff !important;
    }
     .dark-mode .navbar-toggler-icon, .dark-mode .navbar-toggler-icon::after, .dark-mode .navbar-toggler-icon::before {
         background-color: #fff !important;
    }
     .dark-mode header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon, .dark-mode header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon::after, .dark-mode header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon::before {
         background-color: #fff !important;
    }
     header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon, header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon::after, header.header.navbar-sticky.navbar-stuck .navbar-toggler-icon::before {
         background-color: #0b0f19 !important;
    }
     header.header.navbar-sticky.headerTransparent .navbar-toggler-icon, header.header.navbar-sticky.headerTransparent .navbar-toggler-icon::after, header.header.navbar-sticky.headerTransparent .navbar-toggler-icon::before {
         background-color: #0b0f19 !important;
    }
     .dark-mode header.header.navbar-sticky.headerTransparent .navbar-toggler-icon, .dark-mode header.header.navbar-sticky.headerTransparent .navbar-toggler-icon::after, .dark-mode header.header.navbar-sticky.headerTransparent .navbar-toggler-icon::before {
         background-color: #fff !important;
    }
     header.header.navbar-sticky .nav-item .nav-link, header.header.navbar-sticky.headerTransparent .nav-item .nav-link {
         color:#0b0f19 !important;
    }
     .dark-mode header.header.navbar-sticky.navbar-stuck .nav-item .nav-link, .dark-mode header.header.navbar-sticky .nav-item .nav-link, .dark-mode header.header.navbar-sticky.headerTransparent .nav-item .nav-link {
         color:#fff !important;
    }
     .our_service_style_1 .card-img-top{
         height: 25vh;
         object-fit: cover;
    }
	
	.offcanvas.offcanvas-end.show{width: 55%;}
	
	
	
	
	
	.myCartParent .__checkoutBtn {
    position: absolute;
    bottom: 30px;
}


.myCartParent ._myCartMain {
    padding: 20px 2px !important;
    height: 100vh;
    position: relative;
    box-shadow: inherit !important;
}

body .cartListParent{max-height: 300px}
	
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-family: "PJ-Bold",sans-serif; font-weight:inherit !important; }