@media(min-width:1200px) {



	/*==Banner===*/

	.banner-left-col {

	    width: 38%;

	}

	.banner-right-col {

		width:62%;

	}

}







@media(max-width:1919px) {



	 /*==Banner===*/



     /*.banner-txt-middle h1{font-size:calc(2.97vw + 2vh + 2vmin);}*/



     .banner-txt-middle h1 {font-size: calc(2.1vw + 1vh + 1vmin); }



}







@media(max-width:1699px) {



	/*==Banner===*/



	.specialist-img-wrap img{max-width:90%;}

	.specialist-quote-arrow img{width:140px;}



	.protection-con-txt {padding-top: 40px; }



	.freequote-stxt {font-size: 16px; }



	.ci_font_22{font-size:20px;}

	.title-ci{font-size:22px;margin-bottom:20px;}

	.title-ci_20{font-size:19px;}



}





@media (max-width:1599px){



	h1,.h1 { font-size:75px;}

	h2,.h2 { font-size:38px;}

	h3,.h3 { font-size:28px;}

	h4,.h4 { font-size:26px;}

	h5,.h5 { font-size:20px;}  

	h6,.h6 { font-size:18px;}



	.theme-head .arating-user{font-size:18px;}



	.form-group {margin-bottom: 15px; }



	.ci_font_22{font-size:18px;}

	.title-ci{font-size:20px;margin-bottom:20px;}

	.title-ci_20{font-size:18px;}



}



@media (max-width: 1499px) { 







	h1,.h1 { font-size:70px;}

	h2,.h2 { font-size:36px;}

	h3,.h3 { font-size:26px;}

	h4,.h4 { font-size:24px;}

	h5,.h5 { font-size:20px;}  

	h6,.h6 { font-size:18px;}



	p {line-height: 28px; font-size: 18px; }



	.btn{padding:14px 20px;font-size:16px;min-width:138px;}



    /*==Banner===*/



    .specialist-quote-arrow img{width:110px;}

    .specialist-img-wrap{margin-left: -14%;}





    /*==Base in===*/



    .basein-wrap{padding-left:40px;padding-right:60px;}

    .protection-move-img{padding-left: 0px;}



    .saboutus-box-inner{padding:25px;}

	.saying-aboutus-slider .saboutus-box-wrap{padding:0px 6px;}

	.saboutus-txt{font-size:15px;line-height:26px;}

	.theme-head .arating-user{font-size:16px;}



	.freequote-stxt {font-size: 14px; }

	

}



@media (max-width: 1399px) { 



	h1,.h1 { font-size:65px;}

	h2,.h2 { font-size:34px;}

	h3,.h3 { font-size:24px;}

	h4,.h4 { font-size:22px;}

	h5,.h5 { font-size:20px;}  

	h6,.h6 { font-size:18px;}



	p{font-size: 16px;line-height: 24px;}





    /*==Banner===*/



    .specialist-img-wrap{margin-left:-20%;}



    .protection-con-txt {padding-top: 30px; }



	.saboutus-box-inner{padding:25px;}

	.saying-aboutus-slider .saboutus-box-wrap{padding:0px 6px;}

	.saboutus-txt{font-size:15px;line-height:26px;}

	.theme-head .arating-user{font-size:16px;}

	.saying-aboutus-slider button.slick-arrow{width:48px;height:48px;border-radius:12px;}

	.saying-aboutus-slider button.slick-arrow.slick-prev{right:60px;}



	.brand-we-work-wp {max-width: 95%; }

	

	.footer-fs {font-size: 16px; }





	.title-ci span.icon svg{max-width:25px;}

	.ci_font_22{font-size:16px;}

	.title-ci{font-size:17px;}

	.title-ci_20{font-size:16px;}





}



@media (max-width: 1299px) { 



	h1,.h1 { font-size:60px;}

	h2,.h2 { font-size:32px;}

	h3,.h3 { font-size:22px;}

	h4,.h4 { font-size:22px;}

	h5,.h5 { font-size:20px;}  

	h6,.h6 { font-size:18px;}





	

    /*==Banner===*/



	.specialist-img-wrap{margin-left:-13%;}

	.freequote-txt{padding:20px;}

	.freequote-form{padding:20px;}



    /*==Base in===*/



    .basein-wrap{padding-left:30px;padding-right:30px;}





}



@media (max-width: 1199.98px) { 





	h1,.h1 { font-size:55px;}

	h2,.h2 { font-size:30px;}

	h3,.h3 { font-size:22px;}

	h4,.h4 { font-size:20px;}

	h5,.h5 { font-size:18px;}  

	h6,.h6 { font-size:16px;}

	p{font-size: 16px;}







	.container {width: 94%; }



	

    /*==Banner===*/



    .banner-txt-bottom{margin-bottom:70px;}

    .specialist-img-wrap{margin-left:0;}



    /*==Protection===*/



    .protection-move-img{padding-left:0;margin-right: 0px;}

	.protection-txt br{display:none;}

	.protection-stitle br{display:none;}

    .protection-con-txt{padding-top:0;}



    

    /*==Brand we work===*/



    .brand-we-work-wp{max-width:85%;}



    .protection-move-img img {max-width: 90%; margin: 0 auto; display: block; }

    .who_is_fct_sec {padding-top: 40px; }

}		









/*=========================================================

// Medium devices (tablets, less than 992px)

===========================================================*/



@media (max-width: 991.98px) 	{ 

	

	h1,.h1 { font-size:50px;}

	h2,.h2 { font-size:28px;}

	h3,.h3 { font-size:22px;}

	h4,.h4 { font-size:20px;}

	h5,.h5 { font-size:18px;}  

	h6,.h6 { font-size:16px;}

	p{font-size: 16px;}









	.form-control::placeholder { font-size: 15px;}

	.form-control::-moz-placeholder { font-size: 15px;}

	.form-control:-ms-input-placeholder { font-size: 15px;}

	.form-control::-webkit-input-placeholder { font-size: 15px;}

	.form-control::-o-input-placeholder { font-size: 15px; }





     /*==Banner===*/



    .specialist-img-wrap{margin-left: 0;}

	.specialist-quote-arrow{display:none;}

	.banner-main{padding-top:130px;}

	.banner-txt-middle{margin-bottom:40px;}

	.banner-txt-bottom{margin-bottom:50px;}



    /*==Protection===*/



    .protection-move-container{padding-top:60px;padding-bottom:60px;}



    /*==Brand we work===*/



    .brand-we-work-wp{padding-top:60px;padding-bottom:60px;max-width: 90%;}



     

    /*==Saying aboutus===*/



	.saying-aboutus{padding-top:60px;padding-bottom:60px;}

	.saying-aboutus-slider button.slick-arrow{width:46px;height:46px;}

	.saying-aboutus-slider button.slick-arrow::after{background-size:16px 14px!important;width:16px!important;height:14px!important;}

	.saying-aboutus-slider button.slick-arrow{top:-68px;}

	.saying-aboutus-slider button.slick-arrow.slick-prev{right: 60px;}





	/*==Proud member===*/



	.proud-member-txt p{margin-bottom:25px;}

	.theme-head .proud-member-title{margin-bottom:15px;}

	



    /*==Base in===*/



	.fraserc-name li{font-size:14px;padding:5px 15px;}

	.fraserc-name{gap:10px;}

	.basein-txt p{margin-bottom:25px;}

	.basein-btn{margin-top:25px;}

	.basein-wp{padding-top:38px;}

	.basein-wrap{ border-radius:20px; }



	.contact-banner .freequote-form-main{margin-right: auto;}



	.opening-time-info .opening-time-col{margin-bottom: 50px;margin-right: 50px;}

	.contact_info_wrap .section_title {margin-bottom: 40px; }

	

	

}



/*=========================================================

// Small devices (landscape phones, less than 768px)

===========================================================*/



@media (max-width: 767.98px) {





	h1,.h1 { font-size:45px;}

	h2,.h2 { font-size:26px;}

	h3,.h3 { font-size:22px;}

	h4,.h4 { font-size:20px;}

	h5,.h5 { font-size:18px;}  

	h6,.h6 { font-size:16px;}

	p{font-size: 14px;}





	/*** Placeholder CSS BOF ***/

	.form-control::placeholder{font-size:14px;}

	.form-control::-moz-placeholder{font-size:14px;}

	.form-control:-ms-input-placeholder{font-size:14px;}

	.form-control::-webkit-input-placeholder{font-size:14px;}

	.form-control::-o-input-placeholder{font-size:14px;}



    

    /*==Banner===*/



	.freequote-txt{padding:20px;}

	.freequote-stxt{font-size:16px;}

	.freequote-form{padding:25px 20px 30px 20px;}

	.form-control{font-size:14px;height:40px;}

	.custom-form-select{padding-right:20px;background-size:15px 8px;}

	.btn{padding:15px 20px;font-size:16px;min-width:120px;}





     /*==Protection===*/



	.theme-head .protection-title{margin-bottom:15px;}

	.protection-txt{margin-bottom:25px;}

	.where-u{padding-bottom:10px;}

	.value-possession{margin-bottom:25px;}





    /*==Brand we work===*/



    .brand-work-logo{padding-bottom:60px; justify-content: flex-start;}



    

    /*==Saying aboutus===*/



	.saboutus-box-inner{padding:20px;}

	.saying-aboutus-slider button.slick-arrow.slick-prev{display:none !important;}

	.saying-aboutus-slider button.slick-next.slick-arrow{display:none !important;}





    /*==Proud member===*/



    .filmasso-img img{width:100%;}





    /*==Base in===*/



	.fraserc-region-map img{width:100%;}

	.basein-wp{padding-bottom:20px;}

	.basein-wrap{padding-left:20px;padding-right:20px;}

	

	.banner-txt-middle h1 {font-size: 34px; }



	.specialist-img-wrap img{width:90%;max-width:200px;margin-left:auto;display:block;}

	.specialist-img-wrap{margin-left:auto;margin-right:10%;}

	.saying-aboutus .slick-list.draggable{margin-right:0px;}

	.filmasso-img{max-width:280px;margin-bottom:50px;}

	.fraserc-region-map {max-width: 400px; margin: 0 auto; }



	.contact_i_main{flex-wrap:wrap;}

	.title-ci{font-size:16px;margin-bottom:15px;}

	.contact_i_main .contact_i_col{padding-bottom:20px;}

	.ci_font_22{font-size:15px;margin-bottom:10px;}



	.opening-time-info .opening-time-col p.ci_font_22{margin-bottom:0px;}

	.contact_info_sec{padding:60px 0px 20px;}

	.map-main{border-radius:15px;}

	

	.specialist-img-wrap{overflow:hidden;width:100%;margin-right:0px;}

.specialist-img-wrap .img-fluid{padding:15px;max-width:290px;margin:0 auto -260px;}

.banner-main {
        padding-top: 100px;
}
   .banner-txt-bottom {
        margin-bottom: 5px;
    }

}



/*=========================================================

Extra small devices (portrait phones, less than 576px)

===========================================================*/

@media (max-width: 576px) { 





	h1,.h1 { font-size:40px;}

	h2,.h2 { font-size:24px;}

	h3,.h3 { font-size:20px;}

	h4,.h4 { font-size:18px;}

	h5,.h5 { font-size:16px;}  

	h6,.h6 { font-size:16px;}



	.container{ width: 100%; padding-left:20px; padding-right:20px; }



    .btn{padding:13px 18px;font-size:14px;min-width:110px;}





}
@media(max-width:1900px) {
    .brand-work-logo-box {
        max-width: 25%;
    }
}
/* Automotive Window Tinting page css start */
@media (max-width:1669px) {

	.banner-section .breadcrumb-wrapper,
	.banner-section .banner-txt-middle {
		margin-bottom: 30px;
	}

	.banner-section .banner-row {
		gap: 100px;
	}

	.banner-section .banner-row .banner-column {
		width: calc(50% - 50px);
	}

	.benefits-of-car-row {
		gap:60px;
		.benefits-image-box {
			width: calc(50% - 30px);
		}

		.benefits-content-box {
			width: calc(50% - 30px);
		}
	}
	.automative-tinting-pricing-section{
		.column{
			padding-top: 70px;
			.price-badge{
				font-size: 18px;
				line-height: 24px;
			}
		}
	}
}
@media(max-width:1599px) {
    .brand-work-logo-box {
        max-width: 30%;
    }
    .brand-work-logo-box {
        max-height: 70px;
    }
    .brand-work-logo-box img {
        width: 100%;
        height: 100%;
    }
}
@media(max-width:1499px) {
    .brand-work-logo-box {
        max-width: 25%;
    }
}
@media (min-width:1199px) {
	.car-deatil-box {
		.car-details-row {
			.car-deatils-column {
				.content-box {
					h3{
						font-size: 36px;
					}
				}
			}
			.car-deatils-column.third {
				.content-box {
					h3{
						font-size: 24px;
					}
				}
			}
		}
	}
}
@media (max-width:1199px) {
	.banner-section .breadcrumb-wrapper {
		margin-bottom: 25px;
	}


	.banner-section .banner-row .banner-column {
		width: calc(50% - 30px);
	}

	.banner-section .banner-txt-bottom {
		margin-bottom: 0;
	}

	.benefits-of-car-row {
		.benefits-image-box {
			width: calc(60% - 30px);
		}
		.benefits-content-box {
			width: 100%;
			h2 {
				line-height: normal;
			}
		}
	}
	.metalised-box-section {
		.metalised-box-row {
			.metalised-box-column.image-box,.metalised-box-column.image-with-text-box{
				width: calc(50% - 20px);
			}
		}
	}
	.section-padding{
		padding: 60px 0;
	}
	.automative-tinting-pricing-section{
		.column{
			padding-top: 60px;
			.price-badge{
				font-size: 16px;
				line-height: 20px;
			}
		}
	}
	.brand-work-logo.new .brand-work-logo-wrap {
        margin: 0px -10px;
    }
     
    .brand-work-logo-box {
        max-width: 25%;
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (max-width:1024px) {
	.car-deatil-box {
		.car-details-row {
			.car-deatils-column {
				.content-box {
					padding: 30px 40px 130px;
				}
			}
		}
	}
	.home-window-page.benefits-of-section{
		h2{
			line-height: normal;
		}
	}
	.car-deatil-box {
        .car-details-row {
            .car-deatils-column.third {
                width: calc(50% - 20px);
                h3{
                    font-size:18px;
                }
            }
        }
    }
}
@media (max-width:991px) {
	.banner-section .banner-row {
		gap: 30px;
	}

	.banner-section .banner-row .banner-column {
		width: 100%;
	}

	.custom-fitting-section {
		.custom-fitting-row {
			padding-left: 0;

			.image-column {
				position: relative;
				width: 100%;
			}

			.content-column {
				padding: 0;

				h3 {
					margin-bottom: 15px;
				}
			}
		}
	}
	.metalised-box-section {
		.metalised-box-row {
			.metalised-box-column.image-box,.metalised-box-column.image-with-text-box{
				width: 100%;
			}
		}
	}
	.living-in-sub-row {
		.text-section {
			ul {
				gap:10px;
				li {
					padding: 8px 8px 8px 40px;
					font-weight: 500;
					line-height: 24px;
					&::before{
						content: '';
						position: absolute;
						width: 24px;
						height: 24px;
						left: 8px;
						top: 8px;
						background-size: 24px;
					}
				}
			}
		}
	}
	.car-deatil-box {
		.car-details-row {
			.car-deatils-column {
				.content-box {
					padding: 30px 40px 120px;
				}
			}
		}
	}
	.automative-tinting-pricing-section {
    	.column {
			padding-top: 64px;
			.price-badge {
				font-size: 18px;
				line-height: 24px;
			}
		}
	}
	.brand-work-logo-box {
        max-width: 40%;
    }
}

@media (max-width:767px) {
	.car-deatil-box {
		.car-details-row {
			.car-deatils-column {
				width: 100%;
			}
		}
	}
	.section-padding{
		padding: 50px 0;
	}
	.living-in-sub-row {
		.text-section {
			ul {
				gap:8px;
				li {
					padding: 5px 5px 5px 30px;
					font-weight: 500;
					font-size: 14px;
					line-height: 20px;
					&::before{
						content: '';
                        position: absolute;
                        width: 20px;
                        height: 20px;
                        left: 5px;
                        top: 5px;
                        background-size: 20px;
					}
				}
			}
		}
	}
	.car-deatil-box {
		.car-details-row {
			.car-deatils-column {
				.content-box {
					padding: 30px 40px 115px;
				}
			}
		}
	}
	.automative-tinting-pricing-section {
    	.column {
			padding-top: 60px;
			.price-badge {
				font-size: 16px;
				line-height: 20px;
			}
		}
	}
	.home-window-page.benefits-of-section {
    	.column-grid {
			gap: 10px;
        	.column {
            	border-radius: 10px;
        	}
    	}
	}
	.car-deatil-box {
		.car-details-row {
			.car-deatils-column {
				.content-box {
					.car-details-link {
						.car-logo {
							height: 35px;
						}
					}
				}
			}
		}
	}
	.faq-section{
		background-color: #F5F4FF;
		.accordion-item{
			.accordion-button{
				padding-left: 40px;
				&.collapsed{
					&::before{
						content: '';
						background-size: 25px;
						width: 25px;
						height: 25px;
					}
				}
				&::before{
					content: '';
					background-size: 25px;
					width: 25px;
					height: 25px;
				}
			}
			.content-box{
				padding-left: 40px;
			}
		}
	}
	.car-deatil-box {
        .car-details-row {
            .car-deatils-column.third {
                width:100%;
            }
        }
    }
}

@media (max-width:575px) {
	.custom-fitting-section {
		.custom-fitting-row {
			margin-top: 20px;
			gap: 30px;
			.image-column {
				.image-box {
					gap: 10px;
					img {
						width: calc(50% - 5px);
						border-radius: 10px;
					}
				}
			}

		}
	}
	.car-deatil-box {
		.car-details-row {
			.car-deatils-column {
				width: 100%;
				.content-box {
					padding: 20px 20px 95px;
					.car-details-link{
						width: calc(100% - 40px);
						left: 20px;
						bottom: 20px;
					}
				}
			}
		}
	}
	.benefits-of-car-row {
        .benefits-image-box {
            width: 100%;
		}
	}
	.section-padding{
		padding: 40px 0;
	}
	.faq-section{
		background-color: #F5F4FF;
		.accordion-item{
			.accordion-button{
				padding-left: 35px;
				&.collapsed{
					&::before{
						content: '';
						background-size: 20px;
						width: 20px;
						height: 20px;
					}
				}
				&::before{
					content: '';
					background-size: 20px;
					width: 20px;
					height: 20px;
				}
			}
			.content-box{
				padding-left: 35px;
			}
		}
	}
}

/* Automotive Window Tinting page css End */