/**** START RESPONSIVE CSS ****/

@media screen and (max-width:1024px) {
.tpfixbar.sticky {
 position: relative;
 animation-name: none;
}
header .tpmain-menubar {
 display: none;
}
header .mobBar {
 display: block;
 position: fixed;
 right: 20px;
 top: 25px;
 z-index: 9999;
 transition: all 0.9s ease;
}
header .mobBar .open-menu .bar3 {
 display: none;
}
header .mobBar .open-menu .bar2 {
 margin: 3px 0;
}
.shadesystems-section .alignleft {
 width: 100%;
}
.aboutcompany-section p {
 width: 100%;
}
.aboutcompany-section .counter-box {
 width: 45%;
}
.custombusinesses-section::before {
 width: 100%;
}
.custombusinesses-section::after {
 width: 100%;
}
.custombusinesses-section h3 {
 padding: 0;
}
.custombusinesses-section .ulist {
 margin: 0;
 position: relative;
 z-index: 9;
}
.custombusinesses-section .ulist li {
 color: #ffffff;
 font-size: 16px;
 line-height: 24px;
 background: url(../images/listicn1.png) no-repeat 0 12px;
 background-size: 24px 24px;
 padding-left: 30px;
}
.custombusinesses-section p {
 color: #ffffff;
 font-size: 16px;
 line-height: 24px;
}
.shadesystems-section .imgbx {
 padding-top: 0;
}
.shadesystems-section .tbx {
 border-radius: 20px;
 margin: 20px 0 0;
}
.whychooseus-section {
 padding: 50px 0;
}
.whychooseus-section h4 {
 margin: 0;
}
.innerwhoweare-section {
 margin-top: 0;
 background: rgba(9, 4, 0, 100);
 border-radius: 0 0 0 0;
}
.innerproductshade-section1 .tbx {
 padding: 20px;
 margin-left: 0;
}
.innerproductshade-section2 p {
 padding: 10px 0;
}
.moreourproduct-listsection .innprocuctbx {
 width: 30%;
 margin: 10px 5px 0;
}
.moreourproduct-listsection .innprocuctbx img {
 width: 100%;
 margin-top: 0;
}
.innercontact-makeanenquiry-section {
 margin-top: 0;
 background: rgba(9, 4, 0, 100);
 border-radius: 0 0 0 0;
}
.innercontact-makeanenquiry-section .contact-tbx {
  padding: 0;
}
.innercontact-makeanenquiry-section .enqform-tbx {
  padding:20px 20px 30px;
}
.faqstab-section .accordion {
  width: 100%;
}
.innerfaqstab-section .accordion {
  width: 100%;
}
}
@media screen and (max-width:768px) {
.custombusinesses-section h2 {
 font-size: 30px;
 line-height: 39px;
 padding: 0;
}
.custombusinesses-section h3 {
 font-size: 30px;
 line-height: 39px;
 padding: 0;
}
.custombusinesses-section .pt {
 font-size: 16px;
 line-height: 24px;
}
.ftrwrpbx {
 padding: 0 0 20px;
}
header .tpcalbx {
 width: 100%;
 padding: 10px 0;
}
.aboutcompany-section {
 padding-bottom: 60px;
}
.aboutcompany-section .imgbx {
 padding-bottom: 0;
}
.aboutcompany-section .numcountertbx {
 width: 100%;
 float: left;
 position: relative;
 top: 0;
 left: 0;
 margin: 10px 0 0;
}
.aboutcompany-section .counter-box {
 width: 47%;
 padding: 15px;
 margin: 5px;
 min-height: 145px;
}
.aboutcompany-section .counter-box .counter-box-content {
 font-size: 15px;
 line-height: 24px;
 padding: 0 0 5px;
}
.aboutcompany-section .counter-box.home-effective .content-box-percentage .display-percentage {
 font-size: 36px;
 line-height: 50px;
}
.bloginsights-section h4 {
 font-size: 36px;
 line-height: 45px;
 margin: 0;
}
.bloginsights-section .mrpstbtn {
 margin: 20px 0;
}
.bloginsights-section .mrpstbtn a {
 font-size: 12px;
 line-height: 22px;
 background: url(../images/btnarw.png) no-repeat 90% 13px #7d7059;
 background-size: 10px 10px;
 padding: 8px 40px 8px 20px;
}
.bloginsights-section .insightstbx {
 margin: 10px 0;
}
.bloginsights-section .insightstbx .ptxt h5 {
 font-size: 17px;
 line-height: 28px;
}
.makeanenquiry-section h3 {
 margin: 0;
}
.makeanenquiry-section .contact-tbx {
 padding: 0 0 20px;
}
.makeanenquiry-section .enqform-tbx {
 padding: 10px 20px 30px;
}
.ftrwrpbx .ftdsc {
 font-size: 14px;
 line-height: 24px;
 padding: 10px 0;
}
.ftrwrpbx .cpyrgt {
 font-size: 14px;
 line-height: 24px;
 padding: 20px 0;
 margin: 0;
}
.ftrwrpbx .dsgnby {
 font-size: 12px;
 line-height: 18px;
 text-align: left;
 padding: 0;
 margin: 0;
}
.innerheromain-section .indivtitle h4 {
 font-size: 32px;
 line-height: 42px;
 margin: 100px 0 0;
}
.singletrending-insights-section .inntrending-insightspost {
  width: 100%;
  padding: 20px;
  margin: 0 0 40px;
}
}
@media screen and (max-width:650px) {
header .tpcalbx {
 display: none;
}
header .tpcalbx ul li {
 margin: 6px 0;
 width: 100%;
}
.aboutcompany-section {
 padding: 40px 0;
}
.aboutcompany-section h1 {
 font-size: 30px;
 margin: 0;
}
.aboutcompany-section .pt {
 font-size: 16px;
 line-height: 26px;
}
.ourproductlist-section h2 {
 font-size: 30px;
 line-height: 40px;
}
.ourproductlist-section h4 {
 font-size: 30px;
 line-height: 40px;
}
.ourproductlist-section .product-tbx {
 padding: 10px 0;
}
.shadesystems-section h4 {
 font-size: 30px;
 line-height: 39px;
}
.shadesystems-section .pt {
 font-size: 16px;
 line-height: 24px;
}
.bloginsights-section .insightstbx .post-date {
 top: 55%;
}
.ftrwrpbx .ftgettouch {
 margin: 50px 0 20px;
 min-height: inherit;
}
.ftrwrpbx .ftqlinks {
 margin: 0 0 20px;
 padding: 0;
 min-height: inherit;
}
.ftrwrpbx .cmpylogo {
 width: 100%;
 margin: 0;
}
.innerour-journey-section .tbx {
 padding: 20px;
 border-left: 5px solid #e3b037;
 border-radius: 20px;
 margin: 10px 0;
}
.innerproductshade-section .imgbx {
 margin-top: 20px;
}
.innerproductshade-section2 .inntbx {
 width: 100%;
 padding: 20px;
 margin: 20px 0 0;
 border-radius: 10px;
 min-height: inherit;
}
.innerproductshade-section3 .inntbx {
 width: 100%;
 padding: 20px;
 margin: 20px 0 0;
 border-radius: 10px;
 min-height: inherit;
}
.innerproductshade-gallerysection .tbx {
 padding: 20px;
 margin-top: 0;
 margin-left: 0;
 background: #03201c;
}
.innerproductshade-gallerysection h4 {
 font-size: 32px;
 line-height: 42px;
}
.innerproductshade-gallerysection .slick-prev {
 top: 50%!important;
 left: 2%!important;
}
.innerproductshade-gallerysection .slick-next {
 top: 50% !important;
 right: 2% !important;
}
.moreourproduct-listsection .innprocuctbx {
 width: 50%;
 margin: 10px 5px 0;
}
.singletrending-insights-section .innright-categorypost-link {
  margin: 0;
}
.innerproductshade-section4 .alignright {
	float:none;
	width: 100%;
	margin:10px 0 20px;
}
}
@media screen and (max-width:480px) {
.innerheromain-section .indivtitle h4 {
 margin: 70px 0 0;
}
.innerheromain-section .getquote-btn a {
 font-size: 12px;
 line-height: 18px;
}
.moreourproduct-listsection .innprocuctbx {
 width: 100%;
 margin: 10px 0;
}
}