html {scroll-behavior: smooth;}
a:hover{color: #0056b3;text-decoration: none;}
.header-menu ul{
    float: right;
    padding: 0;
    list-style: none;
    margin: 30px 0px;
}

.form-control:focus {box-shadow: none;}
.btn.focus, .btn:focus {box-shadow: none;}

/**Header css Start**/
/**
.destopmodehide{display: none;}
.mobilemodehide{display: none;}
**/

.destopmodehide{display: none;}

header .logo img {max-width: 100%; padding:5px;}

header{
    width: 100%;
    display: block;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #333;

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   
}

header .main-header{
    margin: 0px auto;
}


.main-header-right {float: right;margin: 20px 0;}

.main-header-right ul li {float: left; list-style-type: none;}
.main-header-right ul li a {padding: 3px;display: block;color: #979793;font-size: 24px}
.main-header-right ul li span {
    color: #ff8400;
    font-weight: bold;
    font-size: 16px;
}
.main-header-right ul li span.cartCounts{min-width: 20px;
    background: red;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    color: white;
    padding: 3px;
}

.header-menu ul li {float: left;position: relative;}
.header-menu ul li.hasmegamenu {
    position: static;
}
.header-menu ul li a {
    color: #fff;
    padding: 6px 10px;
    display: block;
    font-size: 15px;
}
.header-menu ul li ul {
    position: absolute;
    width: 200px;
    z-index: 9;
    display: none;
    transform-origin: 0 0 0;
    transition: all 500ms ease 0s;
    margin: 0px;
    background: #fcfcfc;
    padding: 0px 0;
    border-radius: 10px;
    list-style: none;
    text-align: left;
    min-width: 200px;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    transform: translateY(7px);
}
.header-menu ul li:hover > ul{display:block;transform: scale(1,1);}

/**drop down mega Menu  larvel css End**/

.header-menu ul li:hover > .mega-menus{display: block}

ul.dropdown-menus {
    left: 100%;
    top: 0;
}

.header-menu ul li span.fa-chevron-down {
    font-size: 12px;
    padding: 2px;
}

.header-menu ul li span.fa-angle-right {
    padding: 3px 10px;
    color: #000;
    float: right;
}
ul.dropdown-submenus li a {
    padding:5px 10px;
    color: black;
}

span.arrowhide{
    opacity: 0;
    transform: translateY(7px);
    font-size: 12px;
    -webkit-transition: all 0.7s;
-o-transition: all 0.7s;
    transition: all 0.7s;
}

.header-menu ul li ul li {border-bottom: 1px solid white;width: 100%;}
.header-menu ul li ul li:last-child{border-bottom: none;}

.header-menu ul li ul li:hover > a span.arrowhide {
    opacity: 1;
    margin-left: 10px;
    color: #0072bb;
}
.All-category a {color: white;font-weight: bold;display: block;padding: 6px;}
.my-account a {padding: 6px;display: block;color: #000000;}
header.sticky-header {width: 100%;-webkit-transition: all 2.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;}
header.sticky-header.stick {position: fixed;top: 0;left: 0;animation: smoothScroll 1s forwards;z-index: 99;}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

	.top-header.hidesection {display: none;}





	/**Matis Menu multi larvel css Start**/
	.primarymenu {padding:0px;}
	.multi-lavel ul li {padding:0px;}
	ul.primarymenu li {background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);}
	ul.primarymenu li a {padding: 10px;display: block;color: white;font-weight: bold;}
	ul.submenu li{display: none;}
	ul.submenu li{border: 0px;}
	ul#submenutwo{padding: 0;background: #e7e7e7;}
	ul#menu{list-style:none;padding:0;}
	ul#menu li a {border-bottom:1px solid #d6d4d4;display: inline-block;padding:5px 10px;font-weight: bold;color: black;width:100%;}   
	/**Matis Menu multi larvel css End**/


/**Side Modals css Start**/
	.side-modals.right {right: -100%;height: 100vh;width: 100%;top: 0;}
	.side-modals {position: fixed;background-color: #fff;z-index: 9999;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.side-modals.right.open-side {right: 0;}
	.side-modals.open-side {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.side-modals .overlay {visibility: hidden;opacity: 0;background-color: #000000a3;position: fixed;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.side-modals.open-side .overlay {opacity: 0.8;visibility: visible;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.side-modals.right .cart-inner {height: 100vh;overflow: auto;}
	.side-modals .cart-inner {background-color: #fff;z-index: 9;position: relative;top: 0;}
	.side-modals .cart-inner .cart_top {padding: 15px 10px;border-bottom: 1px solid #ddd;}

/**Side Modals css End**/



/**Header css End**/

------------
.main-contents {
    background: #sf0f5f5;
}

/*About css start*/

.about-us-div{
    width: 100%;
    padding: 50px 0px;
}

.about-us-div .about-right-section{
    width: 100%;
    display: block;
    padding-right: 50px;
}

.about-us-div .about-right-section h1{
    font-size: 40px;
    font-weight: bold;
}

.about-us-div .about-right-section p{
    padding: 10px 0px 20px;
    line-height: 25px;
    font-size: 17px;
}

.about-us-div .about-right-section button{
    padding: 10px 40px;
    border: none;
    border-radius: 20px;
    background-color: #ff0066;
    color: #fff;
    transition-duration: 0.3s;
    font-weight: bold;
}

.about-us-div .about-right-section button:hover{
    background-color: #000;
}

/*About css end*/

/*division css start*/

.division-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
}

.division-div h1{
    text-align: center;
    font-weight: bold;
    font-size: 45px;
}

.division-div .section-division{
    width: 100%;
    height: auto;
    border: 1px solid #000;
    padding: 80px 0px 50px 40px;
    border-radius: 10px;
    transition-duration: 0.3s;
}

.division-div .section-division h5{
    font-weight: bold;
    color: #fff;
    font-size: 30px;
}

.section-division-img img {
    width: 100%;
}

.section-division-img {
    position: absolute;
}

.section-division-overlay {
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
}
.man_woo_cat_item{
    height: 250px;
}

.man_woo_cat_item a h3{
    font-weight: bold;
}
.man_woo_cat_item a {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: block;
    left: 0;
    top: 0;
    position: relative;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 1s;
}
.man_woo_cat_item_over {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.man_woo_cat_item_cont {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    z-index: 2;
    padding: 40px;
    text-align: left;
}
.man_woo_cat_item_cont .man_woo_cat_item_cont_name {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    display: block;
    margin-bottom: 0px;
    margin-top: 0;
}
.man_woo_cat_item:hover .man_woo_cat_item_over {
    background-color: rgba(32, 175, 179, 0.92);
}
.man_woo_cat_item:hover a {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 2px 12px 20px rgba(0,0,0,0.1);
    box-shadow: 2px 12px 20px rgba(0,0,0,0.1);
}
/*division css end*/

/*Safty css start*/

.safty-div{
    width: 100%;
    display: block;
    text-align: center;
}

.safty-div h1{
    font-size: 60px;
    font-weight: bold;
    line-height: 70px;
    color: #fff;
    padding: 100px 0px;
}

/*Safty css end*/

/*Counter css start*/

.counter-div{
    width: 100%;
    display: block;
    padding: 50px 0px;
}

.counter-div i{
    color: #00e6ac;
    font-size: 60px;
}

/*Counter css end*/

/*Certificate css start*/

.certificate-div{
    width: 100%;
    display: block;
    padding: 20px 0px;
    background-color: #f0f5f5;
}

.certificate-div h1{
    text-align: center;
    font-weight: bold;
    font-size: 45px;
    color:#000;
}

/*Certificate css end*/

/*clients css start*/

.clients-div{
    width: 100%;
    display: block;
    padding: 20px 0px;
    background-color: #f0f5f5;
}

.clients-div h1{
    text-align: center;
    font-weight: bold;
    font-size: 45px;
    color:#000;
}

/*clients css end*/

/*clients css start*/

.contact-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
}

.contact-div .office-contact{
    font-size: 18px;
}

.contact-div .office-contact h1{
    font-weight: bold;
    font-size: 45px;
    margin-bottom: 30px;
}

/*clients css end*/

/*Development css Start*/

.development-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px 30px 15px;
    background-color: #f0f5f5;
}

.development-page-div h1{
    text-align: center;
    font-weight: bold;
}

.development-page-div p{
    font-size: 17px;
    line-height: 25px;
}

.development-page-div ul{
    margin-top: 20px;
}

.development-page-div ul li{
    font-size: 17px;
    line-height: 27px;
}

/*Development css end*/

/*Sustainability css Start*/

.sustainability-div{
    width: 100%;
    display: block;
    padding: 30px 0px 30px 15px;
    background-color: #f0f5f5;
}

.sustainability-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}

.sustainability-div h2{
    font-weight: bold;
    margin-bottom: 20px;
}

.sustainability-div p{
    font-size: 17px;
}

.sustainability-div ul li{
    font-size: 16px;
    line-height: 25px;
}

/*Sustainability css end*/

/*studio css start*/

.studio-div{
    width: 100%;
    display: block;
    padding: 30px 0px 30px 15px;
    background-color: #f0f5f5;
}

.studio-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.studio-div p{
    font-size: 16px;
    line-height: 25px;
}

.studio-div .studio-last{
    width: 400px;
    margin: 0px auto;
}

.studio-div .studio-last ul li{
    line-height: 25px;
    font-size: 17px;
}

.studio-div .studio-last .header-studio{
    text-align: center;
}

.studio-div .studio-last .header-studio h5{
    font-weight: bold;
    font-size: 20px
}

/*studio css end*/

/*crs css start*/

.crs-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.crs-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}


.crs-div p{
    font-size: 16px;
    line-height: 25px;
}

/*crs css end*/

/*spining css start*/

.spining-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.spining-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.spining-page-div p{
    font-size: 16px;
    line-height: 25px;
}

/*spining css start*/

/*woven css start*/

.woven-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.woven-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.woven-page-div p{
    font-size: 16px;
    line-height: 25px;
}

/*woven css start*/

/*woven css start*/

.denim-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.denim-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.denim-page-div p{
    font-size: 16px;
    line-height: 25px;
}

/*woven css start*/

/*knitting css start*/

.knitting-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.knitting-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.knitting-page-div p{
    font-size: 16px;
    line-height: 25px;
}

/*knitting css start*/

/*washing css start*/

.washing-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.washing-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.washing-page-div p{
    font-size: 16px;
    line-height: 25px;
}

.washing-page-div .next-wash{
    width: 100%;
    display: block;
    padding: 20px 0px;
}

.washing-page-div .next-wash h3{
    text-align: center;
    font-weight: bold;
}

.washing-page-div .next-wash h4{
    font-weight: bold;
    margin-top: 15px;
}

.washing-page-div .next-wash p{
    margin-top: -7px;
}

/*washing css start*/

/*garments css start*/

.garments-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.garments-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.garments-page-div p{
    font-size: 16px;
    line-height: 25px;
}

/*garments css start*/

/*printing css start*/

.printing-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.printing-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.printing-page-div p{
    font-size: 16px;
    line-height: 25px;
}

.printing-page-div .printing-section{
    width: 100%;
    display: block;
    transition-duration: 0.3s;
    font-weight: bold;
    border-radius: 10px;
}

.printing-page-div .printing-section h4{
    font-weight: bold;
    font-size: 20px;
    padding: 10px 15px 30px;
    transition-duration: 0.3s;
}

.printing-page-div .printing-section:hover{
    background-color: #fff;
}

.printing-page-div .printing-section:hover h4{
    margin-top: -7px;
}

/*printing css start*/

/*accessories css start*/

.accessories-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.accessories-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.accessories-page-div p{
    font-size: 16px;
    line-height: 25px;
}

.accessories-page-div .accessories-section{
    width: 100%;
    display: block;
    transition-duration: 0.3s;
    font-weight: bold;
    border-radius: 10px;
}

.accessories-page-div .accessories-section h4{
    font-weight: bold;
    font-size: 20px;
    padding: 10px 15px 30px;
    transition-duration: 0.3s;
}

.accessories-page-div .accessories-section:hover{
    background-color: #fff;
}

.accessories-page-div .accessories-section:hover h4{
    margin-top: -7px;
}

/*accessories css end*/

/*About Bextex css start*/

.aboutbextex-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px 10px;
    background-color: #f0f5f5;
}

.aboutbextex-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

.aboutbextex-page-div p{
    font-size: 16px;
    line-height: 30px;
}

.aboutbextex-page-div h2{
    font-weight: bold;
}

.aboutbextex-page-div ul li{
    font-size: 16px;
    line-height: 30px;
}

/*About Bextex css end*/

/*Management css start*/

.management-page-div{
    width: 100%;
    display: block;
    padding-left: 30px 0px;
    background-color: #f0f5f5;
}

.management-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

.management-page-div h3{
    font-weight: bold;
    margin-bottom: 20px;
}

.management-page-div p{
    font-size: 16px;
    line-height: 25px;
}

/*Management css start*/

/*All-Clients css start*/

.allclients-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.allclients-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}

/*All-Clients css End*/

/*capabilities css start*/

.capabilities-page-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.capabilities-page-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}

.capabilities-page-div .capabilities-table{
    width: 100%;
    display: block;
    padding: 10px;
    background-color: #fff;
}

.capabilities-page-div .capabilities-table h3{
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px;
}

/*capabilities css End*/

/*expart css start*/

.expart-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.expart-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}

.expart-div .expart-section{
    padding: 5px;
    border-radius: 5px;
    transition-duration: 0.3s;
}

.expart-div .expart-section:hover .expert-title{
    background-color: #fff;
    margin-top: -10px;
}

.expart-div .expart-section h3{
    font-weight: bold;
}

.expart-div .expart-section .expert-title{
    padding: 5px;
    transition-duration: 0.3s;
}

.expart-div .expart-section .expert-title h4{
    font-weight: bold;
}

/*expart css end*/

/*presence css start*/

.presence-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.presence-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}

/*presence css start*/

/*invest css start*/

.invest-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
    background-color: #f0f5f5;
}

.invest-div h1{
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}

.invest-div p{
    font-size: 16px;
    line-height: 25px;
}

.invest-div ul li{
    font-size: 16px;
    line-height: 25px;
}

/*invest css start*/

/*mission css start*/

.mission-div{
    width: 100%;
    display: block;
    padding: 30px 0px;
}

.mission-div .mission-section{
    width: 100%;
    display: block;
    padding: 15px;
    color: #fff;
    background-color: #20afb3;
    border-radius: 5px;
}

.mission-div .mission-section h1{
    font-weight: bold;
    margin-bottom: 20px;
}

.mission-div .mission-section p{
    font-size: 16px;
    line-height: 25px;
}

.mission-div .mission-section a{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.mission-div .mission-section button{
    padding: 7px 35px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 15px;
    margin-top: 15px;
}

/*mission css end*/

.bottom-footer {
    background: #fff;
    padding: 30px 0px 20px 15px;
}

.bottom-footer .footer-logo h5{
    font-weight: bold;
    color: #fff;
    font-size: 20px;
}

.bottom-footer .employee-login{
    text-align: center;
    color:white;
}

.bottom-footer .employee-login a{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.bottom-footer .employee-login p{
    margin-top: 20px;
}

.bottom-footer .powered{
    text-align: right;
}

.bottom-footer .powered h5{
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    margin-top: -2px;
}

.bottom-footer .powered span{
    color: #fff;
    font-weight: bold;
}


.focialdiv {
    float: right;
}


.focialdiv ul li {
    float: left;
}

.focialdiv ul li a {
    display: block;
    padding: 5px 10px;
    color: white;
}


  .scroll_To_Top{
    color: white;
    position: fixed;
    padding: 2px;
    text-align: center;
    background: #ffffff;
    font-weight: bold;
    bottom: 35px;
    left: 2%;
    width: 50px;
    border-radius: 5px;
    display: none;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 16px 2px rgb(23 116 179);
  }
    
  .scroll_To_Top:hover{
    text-decoration:none;
    color:#dadada;
  }

ul.socialmenu {
    list-style: none;
    padding:0;
    margin: 0;
}

ul.socialmenu li {
    float: left;
}

ul.socialmenu li a {
    color: white;
    padding: 5px 10px;
    font-size: 33px;
}
ul.socialmenu li a:hover {
    color: #b0aeae;
}

/**Footer css End**/





/**Meida screen size width 991 px css Start**/
@media only screen and (max-width: 991px) {
  .my-account a {padding: 5px;font-size: 12px;}
  .main-header-right ul li a {padding: 0px 12px;font-size: 12px;}
  .header-menu ul li a {padding:5px;font-size: 12px;color:white;}
  .slider-section {padding: 20px 0;}
  .ipadmodehide{
    display: none;
  }


}
/**Meida screen size width 991 px css End**/




/**Meida screen size width 600 px css Start**/
@media only screen and (max-width: 767px) {

  .mobilemodehide{display: none;}
  .destopmodehide {display: block;}

  .main-header-right ul li a {
        font-size: 28px;
    color: white;
    }

    .division-div .section-division{
        margin: 10px 0px;
    }

    header .logo img {
    width: 125px;
}

    .aboutUs-div iframe{
        width: 55%;
        display: block;
    }
    
    .counter-div{
        display: none;
    }

.division-div {
    padding: 20px 0px 20px 0px;
}

.man_woo_cat_item {
    margin: 10px 0px;
}

.mission-div .mission-section {
    margin: 10px 0px;
}

img {
    width: 100%;
}

.safty-div h1 {
    font-size: 24px;
    line-height: 37px;
    padding: 11px 0px;
}

.contact-div .office-location{
    width: 100%;
    display: block;
    margin-top: 20px;
}

.video iframe{
    width: 100%;
    display: block;
    margin-top: 20px;
}

.sus-video iframe{
    width: 130%;
    display: block;
    margin-top: 20px;
    padding-left: 10px;
}

.about-us-div {
    padding: 20px 0px 20px 0px;
}

.about-us-div .about-right-section {
    padding-right: 10px;
}

.bottom-footer .employee-login {
    display: none;
}

.bottom-footer .powered {
    display: none;
}

.contact-div .office-contact h1{
    font-size: 24px;
}



.certificate-div h1 {
    font-size: 30px;
}


}
/**Meida screen size width 600 px css End**/