/*media query for min-with 768px start here---------------------------*/
@media(min-width: 768px){}
/*media query for min-with 768px end here-----------------------------*/
/*media query for min-with 1024px start here---------------------------*/
@media(min-width: 1024px){}
/*media query for min-with 1024px end here-----------------------------*/
@media(max-width: 1300px){ body{ font-size: 13px; } }
/*media query for max-with 767px start here---------------------------*/
@media(max-width: 767px){
	 /*about page css start here---------------------------------------*/
	.header-navbar button{ display: block; }
	.header-navbar button:focus{ outline: none; }
	.logo img{ max-width: 70%; }
	.navbar-contant .dropdown .dropbtn { margin: 12px 10px;}
	.navbar-toggle {position: relative;float: right;padding: 4px 6px;margin-top: 8px;margin-bottom: 8px;background-color: #333333;background-image: none;border: 1px solid transparent;border-radius: 4px;}
	.navbar-toggle .icon-bar { margin: 4px 0;display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #fff;}
	.navbar-contant{ display: none;margin: 0;left: 0px;right: 0px;z-index: 10;background: rgb(255, 255, 255);position: absolute; }
	.social-icon { margin: 10px 20px 5px;}
	.navbar-contant li { float: none;}
	.navbar-contant li:first-child a { margin-left: 10px;}
	.navbar-contant li a { margin: 7px 10px;}
	.header-navbar { padding-top: 10px; padding-bottom: 5px;}
	.slider-contant {padding-top: 15px;padding-bottom: 15px;}
	.denim-section .slider-contant { padding-bottom: 15px;}
	.slider-images .owl-carousel .owl-nav button.owl-next {top: 35%;right: 20px;}
	.slider-images .owl-carousel .owl-nav button { height: 27px; width: 27px;}
	.slider-images .owl-carousel .owl-nav button.owl-prev {top: 35%;left: 20px;}
	.slider-images .owl-carousel .owl-nav span { font-size: 45px;line-height: 18px;}
	.slider-contant p {  font-size: 13px;max-width: 100%}
	.product-section h1 {font-size: 22px;line-height: 20px;margin-bottom: 10px;}
	.product-image {width: 100%;float: none;margin-bottom: 10px;margin-left: 0;}
	.product-parts { display:block;}
	.product-image a img{ width: 100%;height: auto; }
	.product-image:nth-child(4) { margin-right: 5px;}
	.product-parts div:first-child { margin-left:0;}
	.product-section { padding-bottom: 5px; padding-top: 15px;text-align: center;}
	.product-image h2 { font-size: 22px; line-height: 20px;}
	.footer-section p { margin-top: 20px;}
	.footer-section h3 { line-height: 20px;}
	.footer-image { padding: 5px 0;}
	.footer-section p span{ line-height: 15px; }
	.footer-image { background-position: left;}
	.footer-section ul { max-width: 100%;}
	.footer-section ul li { margin: 0 5px;}
	.navbar-contant .dropdown-content {display: none; position: inherit;margin : 0 10px;}
	.navbar-contant .dropdown-content:before{ display: none; }
	.navbar-contant .dropdown:hover .dropdown-content{ display: none; }
	/*about css end here---------------------------------------------*/
	/*carded yarn page css start here---------------------------------*/
	.carded-image h1 {font-size: 25px;left: 0;right: 0;text-align: center; transform: none;top: 30px;}
	.carded-image , .combed-image , .compact-image{ height: 300px; }
	.product-description { padding: 15px 25px 50px;}
	.product-description p { font-size: 13px;}
	/*carded yarn page css end here-----------------------------------*/
	/*combed-yarn page css start here---------------------------------*/
	.combed-image h1 {font-size: 25px;left: 0;right: 0;text-align: center; transform: none;top: 30px;}
	.combed-section .product-description p { margin-bottom: 10px;}
	.combed-section .product-description { padding-bottom: 15px;}
	/*combed-yarn page css end here---------------------------------*/
	/*compact-yarn page css start here---------------------------------*/
	.compact-image h1 {font-size: 25px;left: 0;right: 0;text-align: center; transform: none;top: 65px;}
	.compact-section .product-description { padding: 10px 0;}
	.product-description span { font-size: 13px;line-height: 18px;margin-top: 10px;}
	/*compact-yarn page css end here---------------------------------*/
	/*manufacturing page css start here--------------------------------*/
	.manufacturing-image h1 {font-size: 27px;left: 0;right: 0;text-align: center;transform: none; top: 40px;}
	.manufacturing-image{ height: 150px; }
	.manufacturing-contant p { font-size: 13px;max-width: 100%;}
	.manufacturing-contant { padding-top: 10px;padding-bottom: 15px;}
	/*.manufacturing-form { margin: 12px auto;}*/
	.common-form form { padding: 10px 0px 10px;}
	.common-form label{ padding-top: 5px;padding-bottom: 5px; }
	.common-form form a{ font-size: 16px; }
	.common-form input{ height: 32px; padding: 4px 8px;}
	.common-form { margin: 10px auto;}
	/*manufacturing page css start here--------------------------------*/
	/*become-partner page css start here------------------------------------*/
	.partner-image h1 {font-size: 27px;top: 40px;transform: none;left: 0;right: 0;text-align: center;}
	.partner-image , .career-image{  height: 200px; }
	.become-partner-contant p { font-size: 13px;max-width: 100%;}
	.become-partner-contant {padding-top: 15px;background-color: #f2f2f2;padding-bottom: 15px;margin-bottom: 25px;}
	/*become-partner page css end here--------------------------------------*/
	/*career page css start here-------------------------------------------*/
	.career-image h1 { font-size: 28px;left: 5px;right: 5px;text-align: center;transform: none; top: 60px;line-height: 30px;}
	.career-section .common-form { margin-top: 15px;}
	/*career page css end here--------------------------------------------*/
	/*shirting-fabric page css start here---------------------------------*/
	.shirting-image h1 { font-size: 28px;left: 8%;transform: none;}
	.shirting-image , .bottom-weight-image{ height: 200px; }
	.shirting-section .product-description { padding: 5px;}
	.shirting-section .product-description p { margin-bottom: 10px;}
	/*shirting-fabric page css end here---------------------------------*/
	/*bottom-weight fabric page css start here---------------------------*/
	.bottom-weight-section .product-description { padding: 10px;}
	.bottom-weight-section .product-description p { margin-bottom: 10px;}
	/*bottom-weight fabric page css end here-----------------------------*/
	/*contact page css start here----------------------------------------*/
	.footer-information { margin: 10px 0;}
	.footer-left {display: block;width: 100%;float: none;text-align: center;}
	.footer-left address { max-width: 99%;}
	.footer-right { width: 100%; float: none;margin-top: 10px;}
	.footer-right iframe{ width: 100%; }
	.footer-information p { padding-top: 20px;}
	/*.footer-information { padding: 10px 0;}*/
	.contact-part:nth-child(odd) { width: 100%;float: none;margin-right: 0;margin-bottom: 5px;}
	.contact-part:nth-child(even) { width: 100%;float: none;margin-left: 0;margin-bottom: 5px;}
	.contact-form .common-form input {background: #d7d7d7;width: 100%;}
	.contact-form { padding-top: 15px;}
	.contact-form .common-form form { padding: 10px 0 0px;width: 100%}
	.contact-info { padding-bottom: 0px;}
	.contact-info h1 { font-size: 30px; line-height: 45px;}
	/*contact page css end here------------------------------------------*/
	/*yarn page css start here-------------------------------------------*/
	.yarn-slider h1 { font-size: 22px; line-height: 22px; top: 15px;}
	.yarn-slider .slider-contant { padding-top: 10px; background-color: #f2f2f2; padding-bottom: 15px;}
	.page-title h2 { font-size: 20px; line-height: 30px;}
	.denim-range h2{ margin-bottom: 5px; }
	.yarn-product { margin-top: 5px;}
	.yarn-parts { width: 48%; padding: 0; margin: 0 1%;margin-top: 7px;}
	.yarn-parts:nth-child(2):after , .yarn-parts:nth-child(3):after { display: none;}
	.yarn-manufacturing ul li { font-size: 13px; padding: 5px;float: none;}
	.yarn-manufacturing ul li:after{ display:none; }
	.yarn-manufacturing ul li:before{ content: "-";margin-right: 5px; }
	.blow-room { padding-right: 0px;}
	.yarn-contant{ position: relative; }
	.main-process { float: none; left: 200px; bottom: 0;}
	.second-process{ float: none;left: 30px;bottom: 0; }
	.yarn-arrow { display: none;}
	.second-arrow:before{ display: none; }
	.yarn-process { display: none;}
	.yarn-parts:nth-child(2):before , .yarn-parts:nth-child(3):before  { display: none; }
	.yarn-details { height: 100px;}
	.yarn-details h2 { padding-top: 10px;margin-top: 0;}
	.yarn-details p { font-size: 16px; line-height: 25px;}
	.product-view { padding-left: 5px; padding-right: 5px;}
	.product-part { width: 100%; float: none; margin-right: 0; margin-left: 0; margin-top: 10px;}
	.product-part a { line-height: 15px; padding: 5px 12px;bottom: 24px;}
	.specialty-yarn h2 { margin-top: 15px;}
	.specialty-part { width: 50%; float: left; margin-top: 0px;text-align: center;margin-top: 5px;}
	.certificate { padding-bottom: 15px;}
	.certificate h4 { font-size: 16px; padding: 10px 0;}
	.certificate p{ max-width: 100%; }
	.page-title h5 { font-size: 11px;line-height: 20px;}
	.page-title a { font-size: 13px; line-height: 20px;}
	/*yarn page css end here---------------------------------------------*/
	/*denim page css start here-----------------------------------------*/
	.header-image { height: 300px;}
	.header-image h1 { font-size: 34px; line-height: 50px; top: 70px; padding: 0 35px;}
	.header-image h1 span { font-size: 30px;}
	.denim-structure { padding-top: 7px;}
	.denim-structure p { font-size: 13px; line-height: 20px;padding: 0 5px 10px;}
	.machin-details { margin: 30px 5px 0;position: relative;}
	.machin-details:before { content: ""; background: #fff; height: 1px; width: 50px; position: absolute; left: 0px;}
    .machin-details:after { content: ""; background: #fff; height: 1px; width: 50px; position: absolute; right: 0px;
    top: 0;}
	.machin-name li { font-size: 16px; line-height: 20px; float: none; padding: 0 20px;top: -5px;}
	.machin-name li:after{ display: none; }
	.machin-name:before , .machin-name:after { display: none;}
	.machin-tag { margin-top: 25px; display: inline-block; padding: 0 5px 35px;}
	.machin-tag li { float: left; width: 100%; margin: 1% 0; }
	.denim-product p { font-size: 13px; max-width: 100%;padding-top: 5px;}
	.denim-blends p{ margin-bottom: 5px; }
	.range-part { width: 100%; margin: 0;margin-bottom: 5px;margin-top: 5px;}
	.range-info { padding: 10px;}
	.weave-part { width: 100%; padding: 0;padding-bottom: 10px;}
	.weave-part h4 { width: 100%;}
	.weave-part h4 { bottom: 15px;}
	.weave-info, .shade-info, .blend-info{ text-align: center; }
	.shade-part { width: 100%; float: none; padding: 0;margin-top: 0;}
	.shade-part:nth-child(even) { margin-top: 0px;}
	.blend-part { width: 100%; padding: 0;float: none;}
	.finish-section ul { list-style-type: none; padding: 0 5px;}
	.finish-section ul li { float: left; width: 50%; min-height: 35px;text-align: center;}
	.finish-section ul li:nth-child(5),.finish-section ul li:nth-child(9),.finish-section ul li:nth-child(2),.finish-section ul li:nth-child(6) { text-align: center!important;}
	.finish-section ul li a {text-decoration: none;color: #ffffff;font-size: 16px;}
	.denim-process p { font-size: 13px; max-width: 100%;margin-bottom: 0;}
	.denim-process img { margin: 10px 0px; max-width: 100%;}
	.denim-certificate .certificate { width: 100%; float: none; margin-left: 0;}
	.denim-certificate .associations { width: 100%; float: none; margin-right: 0;}
	.denim-certificate .certificate p { max-width: 100%;}
	.denim-range{margin-top: 10px;}
	.range-info h4 { font-size: 17px; margin-bottom: 5px;}
	.blend-part h5{font-size: 20px;}
	.certificate h4, .associations h4{ padding: 10px 0; }
	.denim-process h2{ margin-bottom: 5px; }

	.shirting-section .product-description ul li h6{max-width: none;}
	.shirting-section .product-description ul li{width: 100%;}
	/*denim page css end here-------------------------------------------*/
}
/*media query for max-with 767px end here-----------------------------*/
@media(min-width: 768px){ .navbar-contant .dropdown:hover .dropdown-content { display: block}}
/*media query for min with 768px and  max-with 1024px start here------*/
@media(min-width: 768px) and (max-width: 991px){
	/*about css start here-------------------------------------------*/
	.navbar-toggle {display: none;}
	.header-navbar { padding-top: 12px;}
	.header-navbar .logo { display: inline-block; margin-right: 12px;}
	.navbar-contant { margin: 15px 3px;}
	.navbar-contant .dropdown .dropbtn { font-size: 12px; margin: -1px 2px;}
	.navbar-contant .dropdown-content{ margin-top: 10px; }
	.navbar-contant .dropdown-content li a{ font-size: 12px;line-height: 25px;margin: 3px 8px; }
	.navbar-contant .dropdown .dropbtn i { margin-left: 0px;}
	.social-icon li a { margin: 4px 2px;font-size: 18px;}
	.navbar-contant li a{ margin: 0px 3px;font-size: 12px;line-height: 13px;}
	.social-icon li:last-child a { font-size: 23px; margin: 1px 2px;}
	.logo img{ max-width: 100px;}
	.slider-images .owl-carousel .owl-nav button.owl-prev { top: 35%;left: 20px;}
	.slider-images .owl-carousel .owl-nav button.owl-next { top: 35%;right: 20px;}
	.slider-images .owl-carousel .owl-nav button { height: 33px; width: 33px;}
	.slider-images .owl-carousel .owl-nav span {font-size: 50px; line-height: 23px;}
	.slider-contant {padding-top: 15px;padding-bottom: 25px;}
	.slider-contant p { font-size: 13px;}
	.product-section h1 {font-size: 23px;line-height: 15px;}
	.product-image { width: 49%;text-align: center;margin-bottom: 5px;}
	.product-image{ margin-left: 0;margin-right: 0; }
    .footer-section p { margin-top: 30px;}
    .footer-section ul{max-width: 100%;display: inline-block; }
    .product-image h2 a{ padding: 0 45px;font-size: 19px;}
	/*about css end here----------------------------------------------*/
	/*carded yarn page css start here---------------------------------*/
	.carded-image h1 { left: 0;right: 0;text-align: center;transform: none;	top: 50px;font-size: 30px;}
	.carded-image{height: 350px;}
	.product-description { padding: 20px 70px 100px;}
	/*carded yarn page css end here------------------------------------*/
	/*combed yarn page css start here---------------------------------*/
	.combed-image h1 { transform: none;left: 0;right: 0;text-align: center;	top: 45px;}
	.combed-section .product-description { padding-bottom: 35px;}
	.combed-section .product-description p { margin-bottom: 18px;}
    /*combed yarn page css end here------------------------------------*/
    /*compact yarn page css start here---------------------------------*/
	.compact-image h1 {	left:0;right: 0;text-align: center; transform: none;top: 75px;font-size: 30px;}
	.compact-section .product-description { padding-bottom: 25px;}
	.compact-section .product-description span {line-height: 25px;}
    /*compact yarn page css end here------------------------------------*/
    /*manufacturing page css start here---------------------------------*/
    .partner-image h1 , .manufacturing-image h1 ,.career-image h1  { font-size: 30px;left: 0;right: 0;text-align: center;transform: none;}
    .manufacturing-contant { padding-top: 15px;padding-bottom: 20px;}
    .manufacturing-contant p {font-size: 13px;max-width: 87%;}
    /*.manufacturing-form { margin: 15px auto;}*/
    /*manufacturing page css end here-----------------------------------*/
    /*become-partner page css start here------------------------------------*/
    .become-partner-contant {padding-top: 15px;background-color: #f2f2f2;padding-bottom: 20px;margin-bottom: 30px;}
    .become-partner-contant p {font-size: 13px;max-width: 85%;}
	/*become-partner page css end here--------------------------------------*/
	/*career page css start here-------------------------------------------*/
	.career-section .common-form { margin-top: 20px;}
	/*career page css end here--------------------------------------------*/
	/*shirting-fabric page css start here---------------------------------*/
	.shirting-section .product-description { padding: 20px 65px;}
	.shirting-section .product-description p { margin-bottom: 15px;}
	.shirting-image h1{ left: 29%;font-size: 30px; }
	/*shirting-fabric page css end here---------------------------------*/
	/*bottom-weight fabric page css start here---------------------------*/
	.bottom-weight-section .product-description { padding: 20px 65px;}
	.bottom-weight-section .product-description p { margin-bottom: 15px;}
	/*bottom-weight fabric page css end here-----------------------------*/
	/*contact page css start here----------------------------------------*/
	.contact-info h1 { font-size: 37px; line-height: 55px;}
	.contact-form { padding-top: 20px;}
	.contact-part:nth-child(even) {width: 47%;margin-bottom: 12px;margin-left: 3%;}
	.contact-part:nth-child(odd) {width: 47%;margin-bottom: 12px;margin-right: 3%;}
	.footer-information{ margin: 0 10px; }
	.footer-right iframe{ width: 365px; }
	.footer-information { margin: 0 10px;}
	/*contact page css end here------------------------------------------*/
	/*yarn page css start here-------------------------------------------*/
	.yarn-slider h1 {font-size: 45px;line-height: 120px;}
	.yarn-slider .slider-contant {padding-top: 15px;padding-bottom: 20px;}
	.page-title h2 { font-size: 22px; line-height: 20px; margin-top: 25px;}
	.yarn-product { margin-top: 15px;}
	.yarn-parts {width: 27%;float: left;padding: 0; margin: 0 3%;padding-top: 5px;}
	.yarn-parts:nth-child(2):after , .yarn-parts:nth-child(3):after{display: none;}
	.yarn-manufacturing ul li { float: none; padding: 5px;}
	.yarn-manufacturing ul li:after{ display: none; }
	.yarn-manufacturing ul li:before{ content: "-";margin-right: 5px; }
	.second-arrow:before{ display: none; }
	.yarn-contant { position: relative;}
	.yarn-arrow:before { width: 27px; top: 5px; left: -25px;}
	.main-process { float: none;bottom:-30px;left: 283px;}
	.second-process{  float: none;left: 530px;bottom: 125px; }
	.yarn-process { display: none;}
	.yarn-arrow { display: none;}
	.yarn-details h2 { margin-top: 0px; padding-top: 10px;}
	.yarn-details p { font-size: 17px;line-height: 35px;}
	.yarn-details { height: 120px;}
	.product-view { padding-left: 20px; padding-right: 20px;}
	.product-part {width: 29%;margin-right: 3.25%;margin-left: 3.25%;margin-top: 20px;}
	.specialty-part { width: 25%; margin-top: 10px;}
	.certificate { padding-bottom: 20px;}
	.certificate h4 { font-size: 17px; padding: 15px 0;}
	.certificate p{ max-width: 80%; }
	/*yarn page css end here---------------------------------------------*/
	/*denim page css start here-----------------------------------------*/
	.header-image h1 span { font-size: 35px; line-height: 40px;}
	.header-image h1 { font-size: 50px; line-height: 65px;}
	.denim-structure h2 { color: #fff; line-height: 55px; margin-top: 0;}
	.machin-name li { font-size: 16px; padding: 0 25px;}
	.machin-name:after { width: 50px; right: -37px;}
	.machin-name:before { width: 50px; left: -37px;}
	.machin-tag { margin-top: 30px; display: inline-block; padding: 0 45px 50px;}
	.machin-tag ul { padding-top: 20px;}
	.machin-tag li a { line-height: 27px; font-size: 16px; padding: 4px;}
	.denim-product p { font-size: 13px; margin-bottom: 5px; max-width: 90%;margin-top: 5px;}
	.blend-part:first-child { padding-left: 10px;}
	.blend-part:last-child { padding-right: 10px;}
	.range-part { width: 49.4%;}
	.range-detail{ margin-top: 10px; }
	.weave-info{ margin-top: 10px; }
	.weave-part {padding: 0 4px;}
	.shade-part {width: 31.33%;float: left;padding: 0px 0px;margin-top: 15px;text-align: center;margin-left: 1%;
    margin-right: 1%;}
	.shade-part:nth-child(even) { margin-top: 15px;}
	.blend-part img{ width: 100%; }
	.finish-section ul { padding: 0 35px;}
	.finish-section ul li a { font-size: 17px;}
	.denim-process img { margin: 10px 0px 10px; width: 100%;}
	.denim-process h2{ margin-bottom: 10px; }
	.denim-process p { font-size: 13px;}
	.denim-certificate .certificate { width: 45%; margin-left: 5%;}
	.denim-certificate .associations { width: 45%; margin-right: 5%;}
	.denim-certificate .certificate p { max-width: 60%;}
	.shade-part h4 { padding: 0 5px;}
	.certificate h4, .associations h4{padding: 14px 0;}
	/*denim page css end here-------------------------------------------*/
}
/*media query for min with 768px and  max-with 1024px end here---------*/
/*media query for max-with 640px start here---------------------------*/
@media(max-width: 640px){}
/*media query for max-with 640px end here-----------------------------*/
/*media query for max-with 480px start here---------------------------*/
@media(max-width: 480px){
	/*about page css start here-----------------------------------*/
	.footer-section a { font-size: 9px;}
	.footer-section address { font-size: 10px;}
	/*about page css end here-------------------------------------*/
}
/*media query for max-with 480px end here-----------------------------*/
/*media query for max-with 360px start here---------------------------*/
@media(max-width: 360px){
	.compact-image h1 , .combed-image h1 { font-size: 20px;}
	.common-form input { width: 100%; height: 30px; padding: 4px 8px;margin-left: 0;}
	.product-description span{ margin-top: 7px;	 }
	.common-form { margin: 12px 10px;margin-bottom: 0;}
	.manufacturing-image h1 , .career-image h1 , .partner-image h1 { font-size: 25px;}
	.specialty-part img { width: 100%;}
	.specialty-part { width: 48%; margin: 0 1%;margin-top: 5px;}
	.page-title h2 { font-size: 18px;}
	.header-image h1 span { font-size: 28px;}
	.header-image h1{ padding: 0 15px;line-height: 30px; }
	.machin-name li { font-size: 14px;}
} 
/*media query for max-with 360px end here-----------------------------*/