@media only screen and (max-width: 767px) {

/*------- Home Page Starts -------*/

	/*------- Common CSS Starts -------*/

body.active { overflow: hidden; }
.bg-blur { background-color: #000000c7; bottom: 0; display: none; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10; }
.bg-blur.active { display: block; }
.display-block { display: block; }
p,
a { font-size: 1.6rem; }

	/*------- Common CSS Ends -------*/

	/*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-home { background-color: #000; display: block; left: 0; padding: 15px; position: absolute; top: 0; width: 100%; z-index: 9; }
.lang-listing { margin-bottom: 0; }
.mobile-logo-home > a { display: inline-block; }
.mobile-logo-home > a > img { width: 100px; }

		/*------- Burger Menu CSS Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; float: right; height: 50px; position: relative; width: 50px; }
.burger-menu span { background-color: #fff; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 25px; }
.burger-menu span::before,
.burger-menu span::after { content: ""; background-color: #fff; height: 2px; width: 25px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.burger-menu span::before { top: -10px; }

			/*------- Inner Page Burger Menu CSS Starts -------*/

.burger-menu-inner-page span,
.burger-menu-inner-page span::before,
.burger-menu-inner-page span::after { background-color: #242f62; }

			/*------- Inner Page Burger Menu CSS Ends -------*/

		/*------- Burger Menu CSS Ends -------*/

	/*------- Mobile Logo and Burger Menu Section Ends -------*/
	
	/*------- Sidebar Menu Section Starts -------*/

.fixed-sidebar { background-color: #f00; display: block; height: 100%; left: 0; position: fixed; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 250px; z-index: 11; }
.fixed-sidebar.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.mobile-navbar-menu-listing { padding: 15px; }
.mobile-navbar-menu-listing > li { display: block; margin-bottom: 15px; position: relative; }
.mobile-navbar-menu-listing > li > a { color: #fff; display: block; font: 1.8rem/1.42857143 "Colus-Regular"; padding-bottom: 5px; position: relative; text-transform: uppercase; }
.mobile-navbar-menu-listing > li > a::after { background-color: #000; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 0; }
.mobile-navbar-menu-listing > li > a > img { margin: 0 auto; width: 50px; }
.mobile-navbar-menu-listing > li > a:hover,
.mobile-navbar-menu-listing > li.active > a { color: #000; }
.mobile-navbar-menu-listing > li > a:hover::after,
.mobile-navbar-menu-listing > li.active > a::after { width: 35px; }

	/*------- Sidebar Menu Section Ends -------*/

	/*------- Desktop Logo and Navigation bar Menu Section Starts -------*/

.bg-logo-navbar-desktop { display: none; }

	/*------- Desktop Logo and Navigation bar Menu Section Ends -------*/

	/*------- Slider Section Starts -------*/

.banner-slick-slider-home .slick-slide img { height: auto; margin-top: 0; }
.banner-slick-slider-home .slick-dots { bottom: 15px; }
.bg-slider-home { margin-top: 80px; }
.banner-slick-slider-home .slick-prev,
.banner-slick-slider-home .slick-next { height: 40px; width: 40px; }
.banner-slick-slider-home .slick-prev::before,
.banner-slick-slider-home .slick-next::before { font-size: 1.8rem; height: 40px; line-height: 40px; width: 40px; }

	/*------- Slider Section Ends -------*/

	/*------- About Us Section Starts -------*/

.bg-about-home { padding: 15px 15px 0; }
.about-heading-home > h2::before { width: 50px; }
.about-heading-home > h2 { font-size: 2.4rem; margin-bottom: 15px; padding-left: 65px; }
.about-desc-home > p { font-size: 1.6rem; margin-bottom: 15px; text-align: justify; }

	/*------- About Us Section Ends -------*/

	/*------- Gallery Section Starts -------*/

.bg-gallery-home { padding: 15px 15px 0; }
.section-heading > h2 { font-size: 2.4rem; margin-bottom: 15px; }
.section-heading > h2 > span { font-size: 3.5rem; }
.section-heading > img { margin: 0 auto 30px; }
.box-gallery-home { margin-bottom: 15px; }
.gallery-view-more { margin-top: 0; }

	/*------- Gallery Section Ends -------*/

	/*------- Showroom Section Starts -------*/

.bg-showroom-home { padding: 15px; }
.showroom-image > img { margin-bottom: 15px; }
.box-showroom-info-home > h2 { font-size: 2.4rem; margin-bottom: 15px; }

	/*------- Showroom Section Ends -------*/

	/*------- Discount Section Starts -------*/

.bg-discount-home { margin-bottom: 0; }
.discount-info-home { padding: 15px; }
.discount-info-home > h2 { font-size: 2.4rem; margin-bottom: 15px; }

	/*------- Discount Section Ends -------*/

	/*------- Update Section Starts -------*/

.bg-update-home::after { display: none; }
.update-info-home { padding: 15px; }
.update-info-home > h2 { font-size: 2.4rem; text-shadow: 1px 1px 0 #777; }
.update-info-home > p { color: #fff; font-size: 1.6rem; margin-bottom: 15px; }
.update-info-home > p > span { display: inline; }

	/*------- Update Section Ends -------*/

	/*------- Client Section Starts -------*/

.bg-client-home { padding: 15px 15px 50px; }
.client-slick-slider-home .slick-slide img { width: 150px; }

	/*------- Client Section Ends -------*/

	/*------- Footer Section Starts -------*/

.bg-footer-home { padding: 15px; }
.footer-heading > h3 { margin-bottom: 20px; }
.footer-heading > p { font-size: 1.6rem; margin-bottom: 15px; text-align: justify; }
.footer-social-listing,
.footer-listing { margin-bottom: 15px; }
.footer-social-listing > li { margin-right: 15px; }
.footer-listing > li > a, 
.footer-listing > li > address > p { font-size: 1.6rem; }
.box-copyright-designed-info { margin-top: 15px; padding: 15px 0 0; }
.copyright-info > p { margin-bottom: 5px; }
.copyright-info > p, 
.copyright-info > p > a, 
.designed-info > p, 
.designed-info > p > a { font-size: 1.6rem; text-align: center; }

	/*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

	/*------- Banner Section Starts -------*/

.bg-about-banner,
.bg-collections-banner { margin-top: 80px; padding: 15px; }

	/*------- Banner Section Ends -------*/

	/*------- About Us Information Section Starts -------*/

.bg-about-us-info-ap { padding: 15px; }
.about-img-ap > img { margin: 0 auto 15px; }
.about-info-ap > h2 { font-size: 2.4rem; margin-bottom: 10px; }
.about-info-ap > p { margin-bottom: 15px; text-align: justify; }

	/*------- About Us Information Section Ends -------*/

	/*------- Gallery Section Starts -------*/

.about-gallery-ap { margin-bottom: 15px; }

	/*------- Gallery Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Collections Page Starts -------*/

	/*------- Collections Section Starts -------*/

.bg-collections-cop { padding: 30px 15px 0; }
.collections-listing-cop { margin-bottom: 15px; }
.collections-listing-cop > li { font-size: 1.6rem; margin-bottom: 15px; padding: 10px 15px; }
.collections-image-icon-cop { margin-bottom: 15px; }
.grid-item { width: 100%; }

	/*------- Collections Section Ends -------*/

/*------- Collections Page Ends -------*/

/*------- Contact Us Page Starts -------*/

	/*------- Banner Section Starts -------*/

.bg-contact-banner { margin-top: 80px; padding: 15px; }
.banner-heading-ip > h1 { font-size: 2.4rem; margin-bottom: 10px; padding-bottom: 10px; }
.banner-heading-ip > p, 
.banner-heading-ip > p > a { font-size: 1.6rem; }

	/*------- Banner Section Ends -------*/

	/*------- Contact Information Section Starts -------*/

.bg-contact-info-cp { padding: 15px; }
.contact-info-cp { margin-bottom: 15px; padding-bottom: 15px; }
.contact-info-cp:last-child { margin-bottom: 0; }
.contact-info-cp > h2 { font-size: 2.4rem; margin-bottom: 10px; }
.contact-info-cp > address > p, 
.contact-info-cp > a { font-size: 1.6rem; }
.contact-heading-cp > h2 { font-size: 2.4rem; margin-bottom: 10px; }
.form-control-contact { margin-bottom: 15px; }

	/*------- Contact Information Section Ends -------*/

	/*------- Map Section Starts -------*/

.bg-contact-map-cp { padding: 0 15px 15px; }

	/*------- Map Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

/*------- Common CSS Starts -------*/

.display-block-tab { display: block; }
p,
a { font-size: 1.8rem; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

	/*------- Desktop Logo and Navigation bar Menu Section Starts -------*/

.header-logo > a > img { width: 125px; }
.menu-listing-desktop { text-align: right; }
.menu-listing-desktop > li { margin-right: 30px; }
.menu-listing-desktop > li > a { font-size: 1.6rem; }
.header-read-view-more-home { display: none; }

	/*------- Desktop Logo and Navigation bar Menu Section Ends -------*/

	/*------- Slider Section Starts -------*/

.banner-slick-slider-home .slick-slide img { height: 50vh; margin-top: 85px; }

	/*------- Slider Section Ends -------*/

	/*------- About Us Section Starts -------*/

.bg-about-home { padding: 30px 15px 0; }
.about-heading-home > h2::before { width: 100px; }
.about-heading-home > h2 { font-size: 3rem; padding-left: 115px; }
.about-desc-home > p { text-align: justify; }

	/*------- About Us Section Ends -------*/

	/*------- Gallery Section Starts -------*/

.bg-gallery-home { padding: 30px 15px 0; }
.section-heading > h2 { font-size: 3rem; margin-bottom: 50px; }
.section-heading > h2 > span { font-size: 7rem; }
.section-heading > img { margin: 0 auto 30px; }

	/*------- Gallery Section Ends -------*/

	/*------- Showroom Section Starts -------*/

.bg-showroom-home { padding: 30px 15px; }
.box-showroom-info-home > h2 { font-size: 3rem; }

	/*------- Showroom Section Ends -------*/

	/*------- Discount Section Starts -------*/

.bg-discount-home { margin-bottom: 30px; }
.discount-info-home { padding: 15px 25px; }
.discount-info-home > h2 { font-size: 3rem; }

	/*------- Discount Section Ends -------*/

	/*------- Update Section Starts -------*/

.update-info-home { padding: 30px; }
.update-info-home > h2 { font-size: 3rem; }
.update-info-home > p > span { display: inline; }

	/*------- Update Section Ends -------*/

	/*------- Client Section Starts -------*/

.bg-client-home { padding: 30px 15px 60px; }
.client-slick-slider-home .slick-slide img { width: 175px; }

	/*------- Client Section Ends -------*/

	/*------- Footer Section Starts -------*/

.bg-footer-home { padding: 30px 15px; }
.footer-social-listing > li { margin-right: 15px; }
.footer-heading > h3 { font-size: 2.2rem; }
.box-copyright-designed-info { margin-top: 30px; padding: 30px 0 0; }

	/*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

	/*------- Banner Section Starts -------*/

.bg-about-banner,
.bg-collections-banner,
.bg-contact-banner { margin-top: 85px; padding: 30px 15px; }
.banner-heading-ip > h1 { font-size: 3rem; }

	/*------- Banner Section Ends -------*/

	/*------- About Us Information Section Starts -------*/

.bg-about-us-info-ap { padding: 30px 15px; }
.about-img-ap > img { margin: 0 auto 30px; }
.about-info-ap > h2 { font-size: 3rem; margin-bottom: 30px; }
.about-info-ap > p { text-align: justify; }

	/*------- About Us Information Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Collections Page Starts -------*/

	/*------- Collections Section Starts -------*/

.bg-collections-cop { padding: 30px 15px 0; }
.collections-listing-cop { margin-bottom: 15px; }
.collections-listing-cop > li { margin: 0 15px 20px 0; }

	/*------- Collections Section Ends -------*/

/*------- Collections Page Ends -------*/

/*------- Contact Us Page Starts -------*/

	/*------- Contact Information Section Starts -------*/

.bg-contact-info-cp { padding: 30px 15px; }
.contact-info-cp > h2 { font-size: 2.4rem; margin-bottom: 10px; }
.contact-heading-cp > h2 { font-size: 2.4rem; margin-bottom: 10px; }

	/*------- Contact Information Section Ends -------*/

	/*------- Map Section Starts -------*/

.bg-contact-map-cp { padding: 0 15px 30px; }

	/*------- Map Section Ends -------*/

/*------- Contact Us Page Ends -------*/
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

/*------- Home Page Starts -------*/

	/*------- Desktop Logo and Navigation bar Menu Section Starts -------*/

.menu-listing-desktop > li { margin-right: 20px; }
.menu-listing-desktop > li > a { font-size: 1.6rem; }

	/*------- Desktop Logo and Navigation bar Menu Section Ends -------*/

	/*------- Slider Section Starts -------*/

.banner-slick-slider-home .slick-slide img { height: 75vh; }

	/*------- Slider Section Ends -------*/

	/*------- About Us Section Starts -------*/

.bg-about-home { padding: 50px 15px 0; }
.about-heading-home > h2::before { width: 100px; }
.about-heading-home > h2 { font-size: 2.4rem; padding-left: 115px; }
.about-desc-home > p { text-align: justify; }

	/*------- About Us Section Ends -------*/

	/*------- Gallery Section Starts -------*/

.bg-gallery-home { padding: 50px 15px 0; }
.section-heading > h2 { font-size: 2.4rem; }
.section-heading > h2 > span { font-size: 7rem; }
.section-heading > img { margin: 0 auto 30px; }

	/*------- Gallery Section Ends -------*/

	/*------- Showroom Section Starts -------*/

.bg-showroom-home { padding: 50px 15px; }
.box-showroom-info-home > h2 { font-size: 2.4rem; }

	/*------- Showroom Section Ends -------*/

	/*------- Discount Section Starts -------*/

.bg-discount-home { margin-bottom: 50px; }
.discount-info-home { padding: 30px; }
.discount-info-home > h2 { font-size: 2.4rem; }

	/*------- Discount Section Ends -------*/

	/*------- Update Section Starts -------*/

.update-info-home { padding: 30px; }
.update-info-home > h2 { font-size: 2.4rem; }
.update-info-home > p > span { display: inline; }

	/*------- Update Section Ends -------*/

	/*------- Client Section Starts -------*/

.bg-client-home { padding: 50px 15px 80px; }
.client-slick-slider-home .slick-slide img { width: 175px; }

	/*------- Client Section Ends -------*/

	/*------- Footer Section Starts -------*/

.bg-footer-home { padding: 50px 15px; }
.footer-social-listing > li { margin-right: 20px; }
.box-copyright-designed-info { margin-top: 30px; padding: 30px 0 0; }

	/*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

	/*------- Banner Section Starts -------*/

.bg-about-banner,
.bg-collections-banner,
.bg-contact-banner { padding: 50px 15px; }
.banner-heading-ip > h1 { font-size: 3rem; }

	/*------- Banner Section Ends -------*/

	/*------- About Us Informations Section Starts -------*/

.bg-about-us-info-ap { padding: 50px 15px; }
.about-info-ap > h2 { font-size: 3rem; }
.about-info-ap > p { text-align: justify; }

	/*------- About Us Informations Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Collections Page Starts -------*/

	/*------- Collections Section Starts -------*/

.bg-collections-cop { padding: 50px 15px 20px; }

	/*------- Collections Section Ends -------*/

/*------- Collections Page Ends -------*/

/*------- Contact Us Page Starts -------*/

	/*------- Contact Information Section Starts -------*/

.contact-info-cp > h2 { font-size: 3rem; margin-bottom: 10px; }
.contact-heading-cp > h2 { font-size: 3rem; margin-bottom: 10px; }

	/*------- Contact Information Section Ends -------*/

	/*------- Map Section Starts -------*/

.bg-contact-map-cp { padding: 0 15px 50px; }

	/*------- Map Section Ends -------*/

/*------- Contact Us Page Ends -------*/
	
}