/* RESPONSIVE DESIGN BREAK POINTS
Mobile: 360 x 640
Mobile: 375 x 667
Mobile: 360 x 720
iPhone X: 375 x 812
Pixel 2: 411 X 731
Tablet: 768 1024
Laptop: 1366 x 768
High Res Laptop or Desktop: 1920 x 1080

END BREAK POINTS FOR WEB DESIGN*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------ START GENERAL STYLES --------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------
START PRODUCTS SECTION
----------------------------------*/
.products .article .g-padding-x-40--xs{
	padding-left: .5rem;
	padding-right: .5rem;
}
/*----------------------------------
END PRODUCTS SECTION
----------------------------------*/

@media (max-width: 990px) {
	.detail-banner{
		margin-top: 3rem !important;
	}
}

/*----------------------------------
START ALL PAGES BANNER
----------------------------------*/
@media (max-width: 562px) {
	.parallax-window {
		background-size: 200% !important;
		background-position-y: -80px !important;
		height: 40vh;
	}
	
	.parallax-window .text-uppercase {
		text-transform: none;
	}
	
	.parallax-window .g-font-size-14--xs {
		font-size: 0.7rem;
	}
	
	.parallax-window .g-font-size-40--xs {
		font-size: 1.5rem;
	}
	
	.parallax-window .g-margin-b-25--xs {
		margin-bottom: 0.5625rem;
	}
	
	.parallax-window .g-padding-y-150--xs {
		padding-top: 7.375rem;
	}
}
/*----------------------------------
END ALL PAGES BANNER
----------------------------------*/

/*----------------------------------
FOOTER
----------------------------------*/
@media (max-width: 767px) {
	.footer-hide {
		display: none;
	}
}

@media (max-width: 562px) {
	footer .g-padding-y-60--xs {
		padding-top: .75rem;
    	padding-bottom: .75rem;
	}
}
/*----------------------------------
END FOOTER
----------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------ END GENERAL STYLES ----------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------- ABOUT PAGE ---------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.about .g-margin-b-100--md{
	margin-bottom: 3.25rem;
}

@media (max-width: 375px) {
	.about{
		padding-top: 3.25rem;
	}
	.about .g-margin-b-80--xs{
		margin-bottom: 3rem;
	}
	.about h2{
		margin-top: 2rem;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------- END ABOUT PAGE -------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------- ATS PAGE ----------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.ats.g-padding-y-20--xs{
	padding-top: 4.25rem;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------- END ATS PAGE ---------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------- BLOG PAGE ---------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.blog .g-padding-y-125--sm{
	padding-bottom: 2.8125rem;
}
.blog-subscribe .g-padding-y-125--sm{
	padding-top: 5.8125rem;
	padding-bottom: 5.8125rem;
}
.blog-subscribe .s-form-v1__input{
	text-transform: none;
}

@media (max-width: 768px) {
	.blog .g-padding-y-125--sm{	
    	padding-top: 5.8125rem;
    	padding-bottom: 1.8125rem;
	}
	.blog-subscribe .g-padding-y-125--sm{
    	padding-bottom: 4.8125rem;
	}
	.blog-subscribe{
    	background-size: 150% !important;
		background-position-y: -10px !important;
	}
	.blog-subscribe .g-font-size-36--md {
		font-size: 1.25rem !important;
		margin-top: 10px;
	}
	.blog-subscribe .g-font-size-14--xs {
		font-size: 0.675rem;
	}
	
}

@media (max-width: 562px) {
	.blog-subscribe .s-form-v1__input{
		height: 2.375rem; /*Original 3.375rem */
		font-size: 0.775rem; /*Original  0.875rem */
	}
	.blog-subscribe .s-btn-icon--md{
		height: 2.375rem;
		font-size: 0.5rem;
	}
	.blog-subscribe {
		background-size: 200% !important;
		background-position-y: -10px !important;
	}
	.blog-subscribe .g-margin-b-80--xs {
		margin-bottom: 4rem;
	}
}

@media (max-width: 375px) {
	.blog-subscribe {
		background-size: 330% !important;
		background-position-y: 110px !important;
	}
	.js__parallax-window .g-padding-y-150--xs {
		padding-top: 9.375rem !important;
	}
	
	.blog .g-padding-y-125--sm{
		padding-top: 3.8125rem;
	}
	.blog .g-font-size-14--xs{
		font-size: 0.475rem;
	}
	.blog h2{
		margin-top: 10px;
	}
	.blog .g-margin-b-25--xs {
		margin-bottom: .5625rem;
	}
	.blog .s-btn--md {
		font-size: 0.6125rem;
		font-weight: 600;
		padding: .5rem 1.5rem;
	}
	.blog .g-font-size-22--xs{
		font-size: .8rem;
	}
	.blog p{
		line-height: 14px;
	}
	.blog .g-padding-x-40--xs {
		padding-left: 1.2rem;
    	padding-right: 1.2rem;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------- END BLOG PAGE --------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- DESIGN PAGE ---------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {
	.designs .g-padding-x-40--xs {
		padding-left: 1.2rem;
    	padding-right: 1.2rem;
	}
	.designs .s-btn--md {
		font-size: 0.6125rem;
		font-weight: 600;
		padding: .5rem 1.5rem;
	}
	.designs{
		padding-top: 4rem;
		padding-bottom: 1.5rem;
	}
	.pagi .s-icon{
		color: #fff;
		border-color: #fff;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------ END DESIGN PAGE -------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------- HOMEPAGE SLIDER AND HEADER -------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.products h3{
	font-weight: 600 !important;
}

@media (max-width: 1085px) {
	.homepage-slider h2{
		font-size: 40px !important;
	}
	.homepage-slider p{
		font-size: 14px !important;
	}
	.testimonials p{
		font-size: 18px;
	}
	.testimonials h4{
		font-size: 14px;
	}
}

@media (max-width: 990px) {
	.s-promo-block-v4{
		margin-top: 3rem !important;
	}
	.products h3{
		font-size: 1.1rem;
	}
	.products .s-btn--md{
		    font-size: 0.7125rem;
	}
}

@media (max-width: 542px) {
	.homepage-slider h2{
		font-size: 25px !important;
	}
	.homepage-slider p{
		font-size: 12px !important;
	}
	/*PRODUCT SECTION*/
	.products .g-margin-b-80--xs{
		margin-bottom: 3rem;
	}
}

@media (max-width: 375px) {
	/*-- PRODUCT SECTION ---*/
	.products .g-padding-x-40--xs {
		padding-left: 1.2rem;
    	padding-right: 1.2rem;
	}
	.products .g-font-size-14--xs{
		font-size: 0.675rem;
	}
	.products h2{
		margin-top: 10px;
	}
	/*-- SKILL COUNTER SECTION ---*/
	.skill-counter{
		background-size: 300% !important;
		background-position-y: 90px !important;
	}
	
	/*-- TESTIMONIALS SECTION ---*/
	.testimonials{
		background-size: 330% !important;
		background-position-y: 90px !important;
	}
	.testimonials p{
		font-size: .7rem;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------ END HOMEPAGE SLIDER AND HEADER ----------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------- PRIVACY POLICY SECTION ---------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.privacy-policy h3{
    font-size: 1.2rem;
	font-weight: 600;
	padding-top: 20px;
}
.privacy-policy .g-margin-b-100--md{
	margin-bottom: 3.25rem;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------- END PRIVACY POLICY SECTION -------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- STATS SECTION -------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
	.skill-counter figure{
		font-size: 3.1rem;
	}
	.skill-counter span{
		font-size: 1rem;
	}
	.skill-counter .g-font-size-18--xs{
		font-size: 0.8125rem;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------- END STATS SECTION -------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------- ORDER FORM PAGE --------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.order-form h2{
	font-weight: 600;
	text-align: center;
	font-size: 1.5rem;
	margin-top: 0px;
}

.order-form .s-form-v4__input{
	border: .0625rem solid;
	border-radius: 15px;
	padding-bottom: 0.3125rem;
	padding-top: 0.3125rem;
}

.order-form .g-padding-l-0--xs{
	padding-left: 10px;
}

.order-form .s-btn--primary-brd{
	border-radius: 30px;
}
.order-form .s-btn--md {
	font-weight: 500;
	letter-spacing: .1rem;
	text-transform: uppercase;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------ END FORM PAGE ---------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------- PRODUCTS PAGE --------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1200px) {
	.product_details .product h2{
		font-size: 2rem;
	}
	.product_details .product-desc-intro{
		font-size: 0.7375rem;
	}
	.product_details .product-color-section{
		font-size: 10px;
	}
	.product-color-section{
		margin-bottom: 1rem;
	}
	
}

@media (max-width: 990px) {
	.product_details .product h2{
		font-size: 1.5rem;
	}
	.product_details .product-desc-intro{
		font-size: 0.7rem;
	}
	.product_details .product-color-section{
		font-size: 10px;
	}
	.product_details .product-color-section{
		margin-bottom: 1rem;
	}
	.about.product-page h2{
		font-size: 1.1rem;
	}
	.about.product-page p{
		font-size: .8rem !important;
	}
}

@media (max-width: 991px) {
	.product_details .product h2{
		font-size: 1.5rem;
	}
}

@media (max-width: 542px) {
	.product_details .s-form-v2__input{
		width: 100%;
		display: inline-block;
		margin-bottom: 10px;
	}
	.product_details .product h2{
		font-size: 1.1rem;
		margin-top: 15px;
	}
	.product-page-parallax.parallax-window{
		height: 40vh;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------- END PRODUCTS PAGE -------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- SUCCESS PAGE OVERWRITE (START) -------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 542px) {
	.success-page .g-font-size-32--xs {
		font-size: 2.5rem !important;
		margin-bottom: 1rem;
	}
	.success-page p {
		font-size: 1.2rem ;
		text-transform: none ;
	}
	.s-btn--md {
		padding: 1rem 2rem;
		font-size: 0.8rem;
	}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- SUCCESS PAGE OVERWRITE (END) ---------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/