/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1170px) and (max-width: 1280px){


.container {
	width: 1170px !important;
	margin: auto;
}
.menu_main.rslinks {
    width: 61%;
    margin-right: 0%;
}
.menu_rlinks2 {
    float: right;
    width: 18%;
    margin-left: 5%;
}

.foundational-image img {
    width: 100%;
}
.award3imge img {
    width: 100%;
}
.awardtotl-box3 {
    height: 340px;
    margin-bottom: 60px;
}

.enquiry-now {
    margin-right: 28px;
}
.awardtotl-box {margin-left: 80px;}

.product_cards-items {height: 430px;}

.productrow-2 {
        margin: 130px -200px 100px 140px;
        height: 400px;
}


.slick-slide {
    display: block;
    padding-left: 0px !important;
}

.slick-slider {
    width: 850px;
    margin-left: 170px !important;}

.but-datasheet {margin-left: 250px !important;}

.walkway-types {height: 460px;}

.home-products { padding: 60px 0px 60px;}

.award-setion {
    background-color: #F7F9FB;
    padding: 50px 0px 30px 0px;
}
.career-section {
    padding: 50px 0px 50px 0px;
}

.awardtext3 {
    font-family: "Poppins", serif;
    margin-top: 70px;
}
.contact_form-group-1 {margin-left: 0px;}

.about-right {margin-top: 0px;}

.product-image img {
    width: 91%;
}


}



@media only screen and (min-width: 1000px) and (max-width: 1169px){

.container {
	width: 1000px;
	margin: auto;
}

#logo1 {
	margin-top: 12px;
}
#logo4 {
	margin-top: 9px;
}
#logo5 {
	margin-top: 9px;
}

.slidermar8 {
	margin-top: 0px;
}
.slidermar7 {
	margin-top: 75px;
}


.menu_main_full {
	width: 80%;
}
.menu_rlinks {
	width: 20%;
}

.menu_main.rslinks {
	width: 65%;
}
.menu_main.rslinks3 {
	width: 65%;
}

.logo2 {
	width: 23%;
	padding-left: 18px;
}
.logo3 {
	width: 20%;
	padding-left: 12px;
}
.logo23 {
	width: 23%;
	padding-left: 18px;
}


.menu_main.rslinks5 {
	width: 64%;
}
.menu_rlinks5 a {
	padding-left: 14px;
	padding-right: 14px;
}

.menu_main.rslinks7 {
	width: 55%;
}
.menu_rlinks7 i {
	font-size: 30px;
	margin-right: 10px;
	margin-top: 4px;
}
.menu_rlinks7 a {
	font-size: 18px;
	padding: 31px 57px 30px 20px;
}
.menu_rlinks7 a em {
	font-size: 14px;
	line-height: 16px;
}

.top_section2 .right .tinfo {
	width: 45%;
}

.top_section3 .left {
	width: 30%;
}
.top_section3 .right {
	float: right;
}



/*============ header=========== */

.enquiry-now2{width: 140%;}

.phone { padding-left: 28px;}

.enquiry-now a { margin-right: 37px; }

.logo {
	width: 40%;
	margin-left: 0px;
}
#logo { width: 84% !important;}

.menu_rlinks2 {
    float: right;
    width: 14%;
    margin-left: 0%;
    margin-top: 19px;
}

.menu_main.rslinks {
    width: 50% !important;
    margin-right: 0%;
    margin-left: -173px;
}

.enquiry-now2 a {
    margin-left: -47px;
}

.but-datasheet { margin-left: 160px !important;}

.tracksotext-items { margin: 40px 0px;}

.tracksotext-items h2 { margin: 0px; font-size: 28px; line-height: 38px;}

.tracksotext-items p { padding: 20px 15px 0px 17px; }

.footer-1 {width: 13%;margin-right: 0px;}

.footer-2 {width: 18%;margin-right: 0px;}

.footer-3 {width: 16%;margin-right: 0px;}

.footer-4 {width: 28%; margin-right: 0px;}

.footer-5 {width: 22%; margin-left: 22px; margin-top: 0px;}

.footer .toprw {
    padding: 60px 30px 0;
}
.footer .CopyRight .rit .designed { margin-top: 0px;}

.award-setion {
    background-color: #F7F9FB;
    padding: 60px 0px 25px 0px;
}

.why-icon-section { padding: 60px 0px 25px 0px;}

/* ==============================goodwe page============================== */
.goodwe-logo img {
    width: 30%;
    margin: 50px 0px 35px 333px;
}
.goodwetext-items {
    margin: 0px 30px 35px 30px;
}

.product_cards-items {
    width: 90%;
    height: auto;
    margin-bottom: 30px;
}
.product_cardstolo-items{
    height: 60px;
}
.productrow-2 {
        margin: 400px 0px 80px 0px;
        height: 500px;
}

/* ==============================saatvik page============================== */

.slick-initialized .slick-slide {
    display: block;
}
.slick-slide { padding-left: 20px !important;}


.slick-slider {
    width: 100% !important;
    margin-left: 0px !important;
}

.saatvik-images1 img { margin-top: 117px; }

.saathvik-logo img {
    width: 37%;
    margin: 15px 0px -35px 315px;
}

/* ==============================BOS page============================== */

.walkwaytotl-cards {
    padding: 0px 20px;
}
.walkway-types { height: 476px; }

.resistant-image img {margin-top: 32px;}

/* ==============================ABout us page============================== */

.about-left {
        width: 47%;
        float: left;
        margin-right: 6%
}
.awardtotl-box3 {
    height: 355px;
    width: 100%;
    margin-left: 80px;
            margin-bottom: 40px;
}
.award3imge img {
    width: 100%;
}
.awardtext {
    font-family: "Poppins", serif;
    margin-top: 18px;
}
.about-right {
    width: 46%;
    float: left;
    margin-right: 0%;
    margin-top: 0px;
}

.about-image img {
    width: 100%;
    height: 550px;
}

.foundational-brder { margin: 50px -100px 0px 74px;}

.foundational-image img { width: 100%;}

.foundational-inner { margin: 0px 0px; }

.promise_card-items {
    width: 100%;
    margin-left: 0px;
}
.about-why-item {
    margin-bottom: 30px;
    width: 100%;
    height: auto;
}
.promise_card-images img {
    width: 100%;
    height: auto;
}
.awardtotl-box {
    height: 437px;
    width: 100%;
    margin-left: 0px;
}
.awardimg2 img {
    margin-top: 21px;
    margin-left: 0px;
}


.services-section-left {
    width: 60%;
    float: left;
    margin-right: 0%;
}

.services-section-right {
    width: 29%;
    margin-left: 55px;
    margin-bottom: 17%;
}
.service-item {
    width: 100%;
	height: 501px;
}
.services-section {
    padding: 40px 0px 30px 0px;
}
.award-details {
  padding: 7px;
 margin-top: 0px;
}
.benefits-section h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 32px;
    line-height: 40px;
}
/* .choose-us .align-left .text {
    margin-left: var(--count) none !important;
}

.choose-us .align-right .text { margin-right: var(--count) none !important; margin-left: 0px !important;}


.zoom-in-out-box {
    width: 51% !important;
    margin-top: 30px !important;
    margin-bottom: 30px;
} */
.award-inner {
    margin-left: 0px;
            width: 100%;
}

.career-left {
    width: 50%;
    float: left;
    margin-bottom: 60px;
    margin-right: 0%;
}
.career-right { width: 50%;}

.career-right img {
         width: 96%;
        margin-left: 10px;
        margin-top: 25px;
}

.career-section {
    padding: 40px 0px 0px 0px;
}
.slidermar {
    margin-top: 88px;
}

.contact_form-group-1 {
    width: 100%;
    margin-left: 0px;
}
.contact_cards {height: 274px;}

.product-image img {
    width: 93%;
    height: auto;
}


}


@media only screen and (min-width: 768px) and (max-width: 999px){
.container {
	width: 747px;
	margin: auto;
}

.logo {
	width: 40%;
}
.menu_main {
	width: 60%;
}

.menu_main_full {
	width: 75%;
}
.menu_rlinks {
	width: 25%;
}
.menu_rlinks .mrbut {
	padding-right: 10px;
	padding-left: 10px;
}

.menu_main.rslinks {
	width: 48% !important;
}
.menu_rlinks2 a {
	padding: 8px 12px;
	margin-left: -50px;
}

.menu_main.rslinks3 {
	width: 48%;
	margin-top: 9px;
}
.menu_rlinks3 {
	margin-top: 28px;
}
.menu_rlinks3 a {
	padding: 8px 10px;
}

.menu_main.rslinks4 {
	width: 48%;
}
.menu_rlinks3 {
	margin-top: 28px;
}
.menu_rlinks4 a {
	padding: 8px 10px;
}

.menu_rlinks6 a {
	padding: 8px 10px;
}

.logo2 {
	width: 35%;
	padding-left: 18px;
}
.logo3 {
	width: 25%;
	padding-left: 9px;
}
.logo23 {
	width: 35%;
	padding-left: 18px;
}


.menu_main.rslinks5 {
	width: 64%;
	margin-top: 23px;
}
.menu_rlinks5 {
	display: none;
}

.menu_main.rslinks7 {
	width: 63%;
	margin-top: 20px;
}
.menu_rlinks7 {
	display: none;
}

.slidermar8 {
	margin-top: 0px;
}
.slidermar7 {
	margin-top: 75px;
}

.top_nav .left {
	width: 40%;
}
.top_nav .right {
	width: 60%;
}

.top_nav2 .left {
	width: 40%;
}
.top_nav2 .right {
	width: 60%;
}

.top_section2 .right .tinfo {
	width: 50%;
}
.top_section2 .right .tinfo.last {
	padding-left: 14px;
}
.top_section2 .right .tinfo strong {
	font-size: 14px;
}

.top_section3 .right .tinfo {
	width: 50%;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
/*================================== start================================= */


/*============ header=========== */

.enquiry-now2{width: 140%;}

.phone { padding-left: 28px;}

.enquiry-now a { margin-right: 37px; }

.logo {
	width: 40%;
	margin-left: 0px;
}
#logo { width: 84% !important;}

.menu_rlinks2 {
    float: right;
    width: 14%;
    margin-left: 0%;
    margin-top: 19px;}



.menu_main.rslinks {
    width: 43% !important;
    margin-right: 0%;
    margin-left: -65px;
}
/* =============================== */

.but-datasheet { margin-left: 90px !important;}

.but-datasheet2 { margin-left: 131px;}

.tracksotext-items { margin: 40px 0px;}

.tracksotext-items h2 { margin: 0px; font-size: 28px; line-height: 38px;}

.tracksotext-items p { padding: 20px 15px 0px 17px; }

.footer-1 {width: 25%;}

.footer-2 {width: 36%;}

.footer-3 {width: 25%;}

.footer-4 {width: 48%;}

.footer-5 {width: 44%; margin-left: 18px; margin-top: 6px;}

.footer .toprw {
    padding: 60px 30px 0;
}
.footer .CopyRight .rit .designed { margin-top: 10px;}

/* ==============================goodwe page============================== */
.goodwe-logo img {
    width: 30%;
    margin: 50px 0px 35px 245px;
}
.goodwetext-items {
    margin: 0px 30px 35px 30px;
}

.product_cards-items {
    width: 90%;
    margin-bottom: 30px;
}
.productrow-2 {
    margin: 20px 0px 0px 0px;
}

.slick-initialized .slick-slide {
    display: block;
}
.slick-slide { padding-left: 20px !important;}


.slick-slider {
        width: 72% !important;
        margin-left: 90px !important;
}
.about-left {
    width: 100%;
    float: left;
    margin-right: 0%;
}

.about-right { width: 99%;}

.about-image img {
    height: 600px;
    width: 100%; }

.promise_card-items { margin-left: 0px; margin-bottom: 35px;}

.foundational-brder {
    height: 242px;
    margin: 50px 0px 0px 0px;
}

.foundational-image img {
    width: 100%;
    height: 180px;
}
.awardtotl-box {
    height: 437px;
    width: 100%;
    margin-left: 0px;
}
.awardimg img {
	margin-top: 45px;
    height: 399px;
    width: 100%;
}
.awardtotl-box {
        height: 562px;
        width: 100%;
}
.awardtext {
    font-family: "Poppins", serif;
    margin-top: 18px;
}
.awardimg2 img {
	    height: 399px;
    width: 100%;
            margin-top: 45px;
    margin-left: 0px;
}
.cle-image img {
    width: 100%;
    height: auto;
    margin-left: 0px;
}

.resistant-image img {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
}

.Product-image img {
    width: 100%;
    height: 500px;
}
.contact_form-group-1 {
    width: 100%;
    /* height: auto; */
    background-color: white;
    margin-top: 33px;
    margin-left: 0px;
}
.awardtotl-box3 {
    height: 390px;
    width: auto;
    margin-left: 0px;}

.award3imge img { width: 100%;}

.awardtext3 { margin-top: 31px;}

.awardtotl-box3 { height: 260px;  margin-bottom: 60px;}

.saathvik-logo img {
    width: 37%;
    margin: 15px 0px -35px 218px;
}

.foundational-inner {
    margin: 0px 0px;
}

.promise-section {
    margin: 30px 0px 20px 0px;
}
.walkway-types {height: 470px;}




/* ===================================Home page======================================= */

.services-section-left {
    width: 58%;
    float: left;
     margin-left: 10px;
    margin-right: 0%;
}

.services-section-right {
    width: 37%;
    margin-bottom: 29%;
}
.service-item {
    width: 100%;
	height: 501px;
}
.services-section {
    padding: 40px 0px 30px 0px;
}


.peoduct-item { width: 100%;}

.area-right { width: 100%;}

.peoduct-item img { margin-left: 135px;}

.why-icon-section h2{ width: 100%;}

.why-icon-box {
    height: 454px;
    width: 49%;
    float: left;
    margin-right: 1%;
}
.benefits-section h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 32px;
    line-height: 40px;
}
.choose-us .align-left .text {
    margin-left: var(--count) none !important;
}

.choose-us .align-right .text { margin-right: var(--count) none !important; margin-left: 0px !important;}


.zoom-in-out-box {
    width: 51% !important;
    margin-top: 30px !important;
    margin-bottom: 30px;
}


.career-left {
    width: 50%;
    float: left;
    margin-bottom: 60px;
    margin-right: 0%;
}
.career-right { width: 50%;}

.career-right img { width: 100%;  margin-top: 130px;}

.career-section {
    padding: 40px 0px 0px 0px;
}
.slidermar {
    margin-top: 46px;
}


.contact_cards { margin-bottom: 30px; }

.contact-section {
    margin: 30px 0px 50px 0px;
}

.walkwaytotl-cards {
    padding: 0px 35px;
}

.lighting-items p {padding-bottom: 25px;}




}



@media only screen and (min-width: 640px) and (max-width: 767px){
.container {
	width: 590px;
	margin: auto;
}

.logo {
	width: 40%;
	margin-left: -14px;
}
#logo { width: 84% !important;}

.menu_main {
	width: 60%;
}

.menu_main_full {
	width: 75%;
}
.menu_main_full.three {
	width: 60%;
}

.menu_rlinks {
	width: 25%;
}
.menu_rlinks .mrbut {
	padding-right: 10px;
	padding-left: 10px;
}

.menu_main.rslinks {
        width: 46%;
        margin-left: -12px;
		margin-right: 0px;
}
.menu_rlinks2 a {
	padding: 7px 12px;
    color: #fff;
    font-size: 12px;
}

.menu_main.rslinks3 {
	width: 48%;
	margin-top: 7px;
}
.menu_rlinks3 {
	margin-top: 27px;
}
.menu_rlinks3 a {
	font-size: 9px;
	padding: 8px 10px;
}

.menu_main.rslinks4 {
	width: 49%;
	margin-top: 7px;
}
.menu_rlinks4 {
	margin-top: 27px;
}
.menu_rlinks4 a {
	font-size: 9px;
	padding: 8px 10px;
}

.menu_rlinks6 {
	margin-top: 27px;
}
.menu_rlinks6 a {
	font-size: 9px;
	padding: 8px 7px;
}

.menu_rlinks2 {
    float: right;
    width: 14%;
    margin-left: 3%;
    margin-top: 19px;}

/* ===========================new started================================ */


/*============ header=========== */

.enquiry-now2{width: 140%;}

.phone { padding-left: 28px;}

.enquiry-now a { margin-right: 37px; }

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

.page-banner { height: 123px; margin-top: 46px;}

.pagebanner-text { margin-top: 1px;}

.pagebanner-text h1 { font-size: 1.8rem; margin-bottom: 2px;}

.tracksotext-items { margin: 40px 0px;}

.tracksotext-items h2 { margin: 0px; font-size: 28px; line-height: 38px;}

.tracksotext-items p { padding: 20px 0px 0px 0px; }

.but-datasheet { margin-left: 0px !important;}

.but-datasheet2 { margin-left: 131px;}

/* =================== footer ===================== */

.footer { padding-top: 35px; }

.footer .contactBox a {margin-left: 54px;}

.footer .contactBox { padding-bottom: 40px;}

.footer .contactBox .contentBox h3 {
    font-size: 23px;
    line-height: 33px;
}

.footer-1 {width: 25%;}

.footer-2 {width: 36%;}

.footer-3 {width: 25%;}

.footer-4 {width: 48%;}

.footer-5 {width: 44%; margin-left: 18px; margin-top: 6px;}

.footer .CopyRight { padding: 20px 0; margin-top: 0px; }

.footer .toprw { padding: 30px 0 10px 0px !important;}

.footer .CopyRight .FlexBox { display: inline;}

.footer .CopyRight .rit .social { margin-right: 45px;  margin-bottom: 0;  margin-left: -39px;}

.footer .CopyRight .rit { margin-top: 10px;}

.footer .CopyRight .lft_bx { margin-left: 66px;}

/*=======================goodwe page============================*/


.goodwe-logo img {
    width: 30%;
    margin: 40px 0px 15px 195px;
}
.goodwetext-items {
    margin: 0px 0px 5px 0px;
}
.product_cards-items {  width: 100%; height: 435px; margin-bottom: 20px;}

.walkwaytotl-cards {
    padding: 0px 0px;
}
.walkway-points{
    margin-top: 25px !important;
}
.saf-image img {margin-left: 30px;}

.bos-items1 {
    padding: 75px 0px 10px 0px;
    margin: 0px 0px 30px 0px !important;
}

.enquiry-btn{
   margin-left: 0px !important;
}

.bos-items {
    margin: 50px 0px 50px 0px !important;
}
.walkway-types {height: auto;}

.productrow-2 {
    margin: 15px 0px 20px 0px;
}
.resistant-image img {
    width: 100%;
    margin-left: 0px;
    margin-top: -3px;
    margin-bottom: 20px;
}
.contact_form-group-1 {
    width: 100%;
    height: 501px;
    background-color: white;
    margin-top: 35px;
    margin-left: 0px;
}



.product_cardstolo-items{  display: block;  }

/* =========================================saathvik   page ========================================== */

.saathvik-logo img {
    width: 37%;
    margin: 15px 0px -35px 170px;
}
.saatviktext-items p {padding: 0px;}

.textofsaatvik {
    margin: 0px 0px 50px 0px;
}
.saatvik-images1 img {
    width: 75%;
    height: 475px;
    margin-top: -20px;
    margin-bottom: 52px;
    margin-left: 50px;
}

.slick-slider {
    width: 100% !important;
    margin-left: 0px !important;
}


.slick-slide { display: block; padding-left: 20px !important;}

/* ====================================about us page====================================== */

.about-right { width: 100%;}

.about-section { padding: 60px 0 20px;}

.about-left { width: 100%; margin-right: 0%;}

.about-image img {
    width: 100%;
    height: 400px;
}
.foundational-brder {
    height: 305;
    margin: 50px 0px 0px 0px;
}
.foundational-inner p {
    font-size: 13px;
    line-height: 23px;
}
.foundational-inner h3 {font-size: 19px;}

.foundational-image img {
    width: 100%;}

.awardtotl-box3 {
    height: 260px;
    margin-bottom: 30px;
    width: 100%;
    margin-left: 0px;
}
.award3imge img {
    height: 220px;
    width: 100%;
}

.awardtext3 {
    font-family: "Poppins", serif;
    margin-top: 10px;
}

.about-why-item {
    width: 100%;
    height: auto;
}
.awardtotl-box {
    height: 530px;
    width: 100%;
    margin-left: 0px;
}
.awardimg2 img {
    width: 100%;
    margin-top: 150px;
    margin-left: 5px;
}
.promise_card-text p {
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 400;
    font-family: "Poppins", serif;
    color: #000;
    line-height: 24px;}

.awardtext p {
    font-family: "Poppins", serif;
    font-size: 13px;
    line-height: 24px;
}

.awardimg img {
    height: 450px;
    width: 100%;
	border-radius: 20px;
}
.career-left {
    width: 100%;
    float: left;
    margin-bottom: 60px;
    margin-right: 0%;
}
.career-right { width: 100%;}

.career-section {
    padding: 40px 0;
}
.award-setion {
    padding: 30px 0;
}

.peoduct-item { width: 100%;}

.area-right { width: 100%;}

.peoduct-item img { margin-left: 35px;}

.why-icon-section h2{ width: 100%;}

.why-icon-box {
    width: 49%;
    float: left;
    margin-right: 1%;
}
.benefits-section h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 32px;
    line-height: 40px;
}
.choose-us .align-left .text {
    margin-left: var(--count) none !important;
}

.choose-us .align-right .text { margin-right: var(--count) none !important; margin-left: 0px !important;}


.zoom-in-out-box {
    width: 51% !important;
    margin-top: 30px !important;
    margin-bottom: 30px;
}

.promise_card-items {
    height: 460px;
    margin-bottom: 20px;
    box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 10%);
    padding: 23px 20px 40px 20px;
    width: 100%;
    margin-left: 0px;
}
.promise_card-images img {
    width: 100%;
    height: 315;
}













}


@media only screen and (min-width: 480px) and (max-width: 639px){

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 440px;
	margin: auto;
}

.logo {
	width: 100%;
}
.menu_main {
	width: 100%;
}

.menu_main_full {
	width: 65%;
}
.menu_main_full.three {
	width: 100%;
}

.menu_rlinks {
	width: 35%;
}
.menu_rlinks .mrbut {
	padding-right: 10px;
	padding-left: 10px;
}

.menu_main.rslinks {
	width: 75%;
}

.menu_main.rslinks3 {
	width: 75%;
}
.menu_rlinks3 {
	margin-top: 22px;
}

.menu_main.rslinks4 {
	width: 75%;
}
.menu_rlinks4 {
	margin-top: 22px;
}

.menu_rlinks6 {
	margin-top: 22px;
}

.logo2 {
	width: 100%;
	padding-left: 0px;
}
.logo3 {
	width: 100%;
	height: 70px;
	padding-left: 0px;
}
.logo23 {
	width: 100%;
	padding-left: 0px;
}

.menu_main.rslinks5 {
	width: 90%;
	margin-top: 10px;
	margin-left: 25px;
}
.menu_rlinks5 {
	display: none;
}

.menu_main.rslinks7 {
	width: 90%;
	margin-top: 10px;
	margin-left: 25px;
}
.menu_rlinks7 {
	display: none;
}


.header #logo{
	background-position: center top;
}


}





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

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 300px;
	margin: auto;
}


.logo {
	width: 100%;
}
.menu_main {
	width: 100%;
}

.menu_main_full {
	width: 70%;
}
.menu_main_full.three {
	width: 100%;
}

.menu_rlinks {
	width: 30%;
}
.menu_rlinks .mrbut {
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;
}

.menu_main.rslinks {
	width: 100%;
}
.menu_rlinks2 a {
	padding: 8px 12px;
}

.menu_main.rslinks3 {
	width: 80%;
}
.menu_rlinks3 {
	margin-top: 21px;
}
.menu_rlinks3 a {
	font-size: 9px;
	padding: 8px 5px;
}

.menu_main.rslinks4 {
	width: 80%;
}
.menu_rlinks4 {
	margin-top: 21px;
}
.menu_rlinks4 a {
	font-size: 9px;
	padding: 8px 5px;
}

.menu_rlinks6 {
	margin-top: 21px;
}
.menu_rlinks6 a {
	font-size: 9px;
	padding: 8px 5px;
}

.logo2 {
	width: 100%;
	padding-left: 0px;
}
.logo3 {
	width: 100%;
	height: 70px;
	padding-left: 0px;
}
.logo23 {
	width: 100%;
	padding-left: 0px;
}

.menu_main.rslinks5 {
	width: 90%;
	margin-top: 10px;
	margin-left: 16px;
}
.menu_rlinks5 {
	display: none;
}

.menu_main.rslinks7 {
	width: 90%;
	margin-top: 10px;
	margin-left: 16px;
}
.menu_rlinks7 {
	display: none;
}


.header #logo{
	background-position: center top;
}


/*================new====================*/

.top_nav { display: none !important;}

.compact .header #logo { background-size: 64% !important;}

.menu_rlinks2 { display: none;}

.compact .top_nav { display: none;}

.header {top: 0% !important;}

.compact .header{ top: 0% !important; height: 88px !important;}

.page-banner {margin-top: 90px;}

.tracksotext-items h2 {margin: 0px;    font-size: 23px;  line-height: 35px; }

.tracksotext-items p {padding: 0%;}

.track-image h1 {font-size: 30px;}

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

.but-datasheet {margin-left: 70px !important;    padding: 4px 14px;
    font-size: 11px;margin-top: 10px;}

.but-datasheet2 {margin-left: 70px !important; margin-bottom: 30px;  padding: 4px 20px; font-size: 11px; }

.footer .contactBox .contentBox h3 {
    font-size: 18px;
    line-height: 30px;}

.contentBox {
    width: calc(100% - 0px) !important;
}

.footer {padding-top: 30px;}

.footer .contactBox { display: inline;}

.footer .contactBox .contentBox p { font-size: 13px;}

.footer .contactBox a { font-size: 13px; padding: 9px;margin-left: 166px;}

.footer .contactBox a svg {width: 15px; height: 15px;}

.footer .toprw { margin-top: 23px; padding: 40px 0px 0px 0px !important;}

.footer-1 { width: 42%; margin-right: 0px;}

.footer-2 { width: 58%; margin-right: 0px;}

.footer-3 {  margin-top: -40px; width: 47%; }

.footer-4 { width: 100%; margin-right: 0px;}

.footer-5 { width: 100%;  margin-top: 12px;}

.footer .CopyRight .FlexBox {display: inline;}

.footer .CopyRight .rit { display: inline-flex;}

.footer .CopyRight .rit .social {
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 12px;
}

.footer .CopyRight { padding: 20px 0 50px; margin-top: 10px;}

.enquire-cont {
        position: fixed;
        width: 100% !important;
        bottom: 0;
        left: 0;
        right: 0;
        height: 45px;
        background: #f1f1f1;
        -webkit-box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 16%);
        -moz-box-shadow: 0 -3px 6px 0 rgba(0,0,0,.16);
        box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 16%);
        display: flex;
        z-index: 4;
}
.enquire-right{margin-left: 0px;width: 50%;}

.enquire-left{ background-color: #f48020; padding: 0px 6px; width: 50%;}

.enquiry-now21 a {
    height: 46px;
    position: relative;
    display: block;
    padding: 10px 16px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    transition: .5s;
    font-family: 'Poppins', serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-top: 0px;
    background-color: #143354;
}

.enquiry-btn {
    margin-left: 0px !important;
    margin-top: 10px;
    border: 0;
    padding: 10px 13px;
    background-color: #001f3f;
    color: white;
}

.product-query-popup .query-form-block {
    padding: 0px 0px;
}

.pagebanner-text h1 {
    font-family: "Poppins", serif;
    font-size: 1.8rem;     margin-bottom: 0px;
}

.page-banner {height: 115px;}

.pagebanner-text { margin-top: -2px;}

/*==================== goodwe page=================== */


.goodwe-logo img {
    width: 73%;
    margin: 38px 0px 35px 35px;
}
.goodwetext-items {
    margin: 0px 0px 25px 0px;
}

.goodwetext-items p {padding-bottom: 8px;}

.product_cards-items { margin-bottom: 40px;}

.productrow-2 { margin: 10px 0px 0px 0px; height: auto;}

.product_cardstolo-items {
    height: auto;
}

.goodwe-Products H1 {margin-bottom: 15%;}


/*================ saathvik page=================*/


.slick-slider{
    width: auto !important;
    margin-left: 0px !important;
    height: 180px !important;
}

.slick-slide{
    display: block;
	padding-left: 0px !important;
    width:auto !important;
}

.saathvik-logo img {
    width: 78%;
    margin: 15px 0px -38px 23px;
}

.saatviktext-items p {
    text-align: justify;
    padding: 0px 0px;
}

.saatvik-text p {
    text-align: center;
    padding: 0px 0px;
}

.textofsaatvik {
    margin: 0px 0px 35px 0px;
}

.saatvik-images1 img {
    width: 100%;
    height: auto;
    margin-top: -20px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.highleats-saa {  width: 100%; }

.highleats-saa p{ line-height: 19px;}

.saatvik-text h1 {line-height: 38px; font-size: 27px;}

/* ============BOS page=============== */


.walkwaytotl-cards { padding: 0px 0px;}

.walkway-types { margin: 0px 0px 30px 0px; height: 475px;}

.bos-items2 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px !important;
}
.handrails-items h2 {
    font-size: 33px;
	line-height: 38px;
}

.saf-image img {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    margin-left: 0px;
}
.cle-image img {
    width: 100%;
    height: auto;
    margin-left: 0px;
}
.lighting-items p {padding-bottom: 0px;}

.lighting-image img {
    width: 100%;
    height: auto;
}
.bos-items {
    margin: 60px 0px 30px 0px !important;
}
.bos-items1 {
    padding: 65px 0px 0px 0px;
}

.residental-points{
	width: 110%;
	margin-left: -10px;
}
.residental-points_ul {
    margin-left: 0px;
}
.resistant-image img {
    width: 100%;
     margin-bottom: 30px;
    margin-left: 0px;
    margin-top: 0px;
}
.Product-image img {
    width: 100%;
    height: auto;
    margin-top: -30px;
}

.walkway-points {
    width: 100%;
	margin: 0px !important;
}

/* contact us page */

.contact_cards { margin-bottom: 30px;}

.contact_form-group-1 {
    width: auto;
    height: 501px;
    margin: 0%;
}
.u-form-1 {
    color: aliceblue;
    font-size: 21px;
    border: none;
    border-style: solid;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', serif;
    width: 85%;
    margin: 20px 15px;
}

/*==================== About us page================= */

.about-section {
    padding: 50px 0 30px;
}

.about-right { width: 100%;}

.about-left { width: 100%;}

.about-image img {width: 100%;}

.foundational-brder {
    box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 10%);
    height: auto;
    margin: 50px 0px 0px 0px;
    padding: 25px 17px 0px 17px;
}

.foundational-image img {
    width: 100%;
    height: 180px;
}
.promise_card-items {
    box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 10%);
    padding: 23px 20px 40px 20px;
    width: 100%;
    margin-left: 0px;
	margin-bottom: 40px;
}

.promise_card-images img { width: 100%;}

.promise-section {
    margin: 30px 0px 10px 0px;
}

.foundational-section h1 { line-height: 51px; }

.mission-banner {
    height: 450px;
    background-repeat: no-repeat;
    /* background-position: center; */
    background-size: cover;
    text-align: center;
    color: white;
    padding-top: 30px;
    margin-bottom: 70px;
}
.mission_totl-items p {
    line-break: anywhere;
    text-align: justify;
}

.strengths-section {
    margin: 20px 0px 0px 0px;
}

.strengths-section h1 {
    font-family: "Poppins", serif;
    font-size: 41px;
}

.awardtotl-box {
    height: auto;
    width: 100%;
    margin-left: 0px;
padding: 1px 21px 20px 21px;
    box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 7%);
}
.awardimg img {
    width: 112%;
	border-radius: 20px;
}
.awardtext {
    margin-left: -7px;
    width: 105%;
}

.awardimg2 img {
    width: 100%;
    margin-top: 22px;
    margin-left: 0px;
}
.award3imge img {
    width: 100%;
    margin-left: 0%;
}

/*============================== home page============================  */

.slidermar { margin-top: 90px;}

.ms-skin-default .ms-nav-next { right: 12px ;}

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { left: 12px;}

.services-section-left { width: 100%;}

.services-section-right {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 0px;
    margin-bottom: 40px;
}

.service-item {
    width: 108%;
    margin-left: -12px;
	padding: 24px 20px;
}

.benefits-section h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    line-height: 36px;
}
.services-section {
    padding: 45px 0px 30px 0px;
}

.getintouch-btn { margin-left: 32px;}


.why-icon-section h2 {

    font-size: 24px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    line-height: 36px;
}
.home-products {
    width: 100%;
    float: left;
    padding: 60px 0px 40px;
}
.award-setion {
    background-color: #F7F9FB;
    padding: 60px 0px 20px 0px;
}

.why-icon-box { width: 100%;}

.peoduct-item {
    width: 100%;
    float: left;
    margin-right: 0%;
    border-radius: 10px;
}

.peoduct-item img {
    border-radius: 10px;
    width: 100%;
}
.area-right { width: 100%;}

.award-inner img{
	width: 100%;
	height: 100%;
}

.award-inner {display: block;}

.career-left { width: 100%;}

.career-right { width: 100%;  margin-top: 45px;}

.career-right img { width: 100%;}

.career-section { padding: 50px 0;}

.career-btn { margin-left: 35px;}

.why-icon-section { background-color: #F7F9FB; padding: 55px 0px 25px 0px;}

.choose-us .align-left .text {
    margin-left: var(--count) none !important;
    text-align: left;
	width: 110% !important;
	 margin-left: -16px !important;
}

.choose-us .align-right .text {
        width: 110% !important;
        margin-right: var(--count) none !important;
        text-align: right;
        margin-left: -16px !important;
}
.zoom-in-out-box {
	    width: 86%;
    margin-top: 20px;
	margin-bottom: 35px;
}
.awardtotl-box3 {
    height: auto;
    width: auto;
            margin-bottom: 45px;
        margin-top: -20px;
    margin-left: 0px;
}

.awardtext3 { margin-top: 0px;}

.mission_totl-items h1 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 5px;
}

.about-right h1 {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #143354;
    text-transform: none;
    font-style: normal;
    margin-bottom: 22px;
}

.services-section-left h1 {
    letter-spacing: 1px;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 55px;
}


}


@media only screen and  (max-width: 999px){
    
    .logo{
        width:80%;
    }
    .menu_main{
        width:20%;
        text-align:right;
    }
        .header #logo {
        background-position: left top;
    }
 .menu-toggle{display:block  !important;}
    
 .mobile-drop-menu ul{
       padding-left:15px !important;
    }
    .mobile-drop-menul-li{
        border-bottom:1px solid #ddd;
    }
       .mobile-menu ul ul li a{
           color:#b3b3b3 !important;
       }
    
    
}