@media (max-width: 1600px)
{

}
@media(max-width: 1440px)
{

	/* home-page */


	.logo-company img {
		padding: 62px 40px !important;
	}

    .banner-content .banner-inner .about-info .avanti-dtl {
		font-size: 22px !important;
		padding: 0px 16px !important;
	}
	
	.about-avanti-detail h3 
	{
		padding-right: 0 !important;
		font-size: 30px !important;
		line-height: 40px !important;
	}
	.about-avanti-detail span{
		font-size: 18px !important;
	}
	.about-avanti-img-1-1 img{
		max-width: 100%;
	}
	.avanti-owner-des .about-avanti-detail h3{
		padding:5px 0 !important;
	}
	
	/* product page */
	.product-details {
		padding: 18px 18px !important;
	}
	/* .contact-tab 
	{
		margin-top: 50px !important;
	}
	.contact-main-tab 
	{
		padding: 80px 100px 70px !important;
	}
	.contact-tab-detail h4 
	{
		font-size: 28px !important;
		padding-bottom: 10px !important;
		line-height: 40px !important;
	}	
	.contact-btn .btn 
	{
		padding: 12px 40px !important;
	} */
	.footer3 p 
	{
		font-size: 14px !important;
	}
	.footer1-menu ul li a
	{
		font-size: 13px !important;
	}
	.main-footer h5
	{
		font-size: 18px !important
	}
	.contact-tab-detail p
	{
		font-size: 14px !important
	}
}

@media(max-width:1599px)
{
	/*showcase page */
	.show-img
	{
		height: 33.22vh !important;
	}
}
@media(max-width:1369px)
{
	/*about page */
	.slider-menu .carousel-caption h3 
	{
		font-size: 37px !important;
	}
	.slider-menu .carousel-caption p 
	{
		padding-right: 400px !important;
	}
	.slider-menu .carousel-caption 
	{
		bottom: 21% !important;
	}
	.about-avanti-detail h3 
	{
		padding-right: 50px !important;
		font-size: 28px !important;
		line-height: 40px !important;
	}
	.about-avanti-img-1 img 
	{
		margin-top: 50px !important;
	}
	.about-avanti-img-1-1 img 
	{
		width: 115% !important;
		margin-top: 90px !important;
	}
	.contact-main-tab 
	{
		width: 80% !important;
		left: 10.5% !important;
	}

	.banner-content .banner-inner .about-info .avanti-dtl {
		font-size: 21px !important;
	}
	.footer1-media ul li {
        height: 45px !important;
        width: 45px !important;
        padding-top: 8px !important;
    }
	.about-avanti-detail h3 {
        padding-right: 0px !important; 
    }
	.yarn-inner .conut-number {
		width: 75% !important;
	}
}
@media(max-width:1280px)
{
	/*about page */
	.slider-menu .carousel-caption p 
	{
		padding-right: 350px !important;
	}
	.slider-menu .carousel-caption h3 
	{
		font-size: 36px !important;
	}
	
	

	.logo-company img {
		padding: 70px 40px !important;
	}
}
@media(max-width:1199px)
{
	/*about page */
	
	.slider-menu .AE-showcase-main
	{
		display: block !important;
	}
	.slider-menu .main-menu-logo
	/* {
		display: none !important
	} */
	.slider-menu .AE-showcase-main .header
	{
		border-bottom: 1px solid #f9f9f945 !important;
	}
	.slider-menu .AE-showcase-main .toggle-btn 
	{
		right: 40px !important;
		top: 30px !important;
	}

	.slider-menu .carousel-caption h3 
	{
		font-size: 33px !important;
		padding-right: 200px !important
	}
	.slider-menu .carousel-caption p 
	{
		padding-right: 310px !important;
		font-size: 15px !important	
	}
	.slider-menu .banner 
	{
		height: 70vh !important;
	}
	.slider-menu .carousel-caption 
	{
		bottom: 13% !important;
	}
	.about-avanti-dtl-1 
	{
		padding-left: 0 !important;
	}
	.about2
	{
		padding-bottom: 50px !important;
	}
	.about2 .about-avanti-detail h3 
	{
		font-size: 20px !important;
		line-height: 30px !important;
	}
	.about2 .about-avanti-detail h6 
	{
		font-size: 12px !important;
		margin-top: 0px !important;
		line-height: 20px !important
	}
	.contact-tab-detail h4 
	{

		font-size: 24px !important;
		line-height: 30px !important;
	}
	.contact-btn 
	{
		padding-top: 30px !important;
	}
	.contact-main-tab 
	{
		padding: 70px 100px 60px !important;
	}	
	.contact-tab 
	{
		padding-top: 215px !important;
	}
	.main-footer h5 
	{
		font-size: 16px !important;
	}	
	.footer1-menu ul li a 
	{
		font-size: 14px !important;
		padding: 0 !important
	}
	.footer3 p
	{
		font-size: 12px !important;
	}	
	.ftr-logo img 
	{
		width: 150px !important;
	}
	.footer1-media ul li {
		height: 38px !important;
		width: 38px !important;
		padding-top: 5px !important;
	}
	.footer1-media ul li a 
	{
		font-size: 18px !important;
	}
	.banner-content .banner-inner .about-info .avanti-dtl {
		font-size: 20px !important;
		padding: 0px 24px !important;
	}

	.about-avanti-detail h3 {
		font-size: 24px !important;
		line-height: 32px !important;
	}
	.about-avanti-detail p {
		padding-right: 0px !important;
	}

	.yarn-inner .conut-number {
		width: 75% !important;
	}

	.pro-dis .yarn-inner p {
		font-size: 16px !important;
	}
	.spun-yarn-tag{
		padding: 18px 44px 18px 16px !important;
	}
	.count-box .cotton-tag {
		padding: 30px 44px 30px 16px !important;
	}
	.end-tag{
		padding: 18px 44px 18px 16px !important;
	}
	.count-box .p-cotton-tag {
		padding: 5px 50px 5px 9px !important;
	}
	.count-box .po-yarn-tag{
		padding: 5px 38px 5px 9px !important;
	}
	.gallery .tab-content .tab-pane .photo-zoom {
		height: 224px !important;
	}
}
@media(max-width: 1024px)
{
	/*about page */
	.slider-menu .AE-showcase-main .toggle-btn
	{
		top: 22px !important;
	}
	.slider-menu .AE-showcase-main .header
	{
		padding: 20px 20px 10px !important
	}
	.AE-showcase-main .toggle-btn .bar 
	{
		width: 28px !important;
		margin: 6.5px auto !important
	}
	.AE-showcase-main .toggle-btn .bar:nth-child(2)
	{
		width: 20px !important
	}
	.slider-menu .carousel-caption h3 
	{
		font-size: 30px !important;
		line-height: 50px !important
	}
	.slider-menu .carousel-caption p 
	{
		padding-right: 220px !important;
		font-size: 14px !important;
	}
	.slider-menu .carousel-caption
	{
		bottom: 18% !important;
	}	
	.about-icon
	{
		height: 50px !important;
		width: 50px !important;
		padding: 8px !important
	}
	/*.about-avanti-detail p */
	/*{*/
	/*	font-size: 16px !important;*/
	/*	padding-top: 20px !important*/
	/*}*/
	.about-avanti-detail h3
	{
		padding-right: 0px !important;
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.about-avanti-detail h6 
	{
		font-size: 12px !important;
		margin-top: 10px !important;
		line-height: 22px !important;
	}
	.about-avanti-detail .btn
	{
		padding: 8px 12px !important;
		font-size: 13px !important;
	}
	.contact-tab-detail h4 
	{
		font-size: 20px !important;
		line-height: 28px !important;
		padding-right: 0 !important;
		margin-bottom: 0px !important
	}
	.contact-main-tab
	{
		padding: 60px 85px 50px !important;
	}
	.contact-btn .btn 
	{
		padding: 10px 26px !important;
		font-size: 14px !important
	}
	.contact-tab 
	{
		padding-top: 180px !important;
	}
	.footer-nm span 
	{
		font-size: 10px !important;
	}
	.footer-nm 
	{
		padding: 10px !important;
		margin-top: 40px !important;
	}
	.about-avanti-img-1 img 
	{
		margin-top: 20px !important;
	}
	.about-avanti-img-1-1 img 
	{
		margin-top: 65px !important;
	}
	.ftr-logo img 
	{
		width: 140px !important;
	}
	.main-footer h5 
	{
		font-weight: 600 !important;
	}
	.main-footer h6 {
		font-size: 15px !important;
	}
	.footer1-main-menu ul li 
	{
		padding-top: 5px !important;
	}
	.banner-content .banner-inner .about-info .avanti-dtl {
		font-size: 18px !important;
	}
	.text-secondary {
		font-size: 14px !important;
	}
	.pro-dis tbody tr th{
		font-size: 14px !important;
	}
	.pro-dis tbody tr td{
		font-size: 14px !important;
	}
}
@media (max-width: 1023px)
{
	/*showcase page */
	.show-img
	{
		height: 33.25vh !important;
	}
	.show-dtl h5
	{
		font-size: 16px !important;
	}
	.show-dtl p
	{
		font-size: 14px !important
	}

}
@media(max-width:991px)
{
	.logo-company img {
		padding: 80px 20px !important;
	}
	/*about page */
	.slider-menu .banner 
	{
		height: 53vh !important;
	}
	.slider-menu .carousel-caption h3 
	{
		font-size: 26px !important;
		line-height: 44px !important;
	}
	.slider-menu .carousel-caption p 
	{
		font-size: 13px !important;
	}
	.slider-menu .carousel-caption 
	{
		bottom: 17% !important;
	}
	.about1
	{
		padding: 40px 0px !important;
	}
	.about-icon 
	{
		height: 45px !important;
		width: 45px !important;
		padding: 7px !important;
	}
	.about-avanti-detail p 
	{
		font-size: 14px !important;
	}
	.about-avanti-detail h3 
	{
		font-size: 19px !important;
		line-height: 28px !important;
	}
	.about-avanti-detail h6
	{
		font-size: 11px !important;
		line-height: 18px !important;
	}	
	.about-avanti-detail .btn 
	{
		padding: 7px 10px !important;
		font-size: 12px !important;
	}
	.about-avanti-img-1 img
	{
		margin-bottom: 24px !important;
		width: 100% !important;
		margin-top: 0 !important;
	}
	.about2 .about-avanti-detail h3
	{
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.about-avanti-img-1-1 img 
	{
		width: 100% !important;
		margin-bottom: 24px !important;
		margin-top: 0 !important;
	}
	.about2 .about-avanti-detail h6 
	{
		font-size: 11px !important;
		line-height: 18px !important;
		padding-right: 0 !important
	}
	.avanti-partner-logo {
		margin-bottom: 24px !important;
	}
	.navbar-toggler-icon{
		background-image: url(../images/navigation-bar.png);
		width: 40px !important;
    	height: 40px !important;
	}
	.navbar-toggler:focus{
		outline: none;
		box-shadow: none;
	}
	.navbar-collapse ul{
		background-color: #f7f8fc;
	}
	.navbar-collapse ul li{
		text-align: center;
	}
	.black-navbar.mainmenu .collapse ul ul{
		position: static !important;
	}
	.dropdown .dropdown-menu{
		background-color: #f7f8fc;
		box-shadow: none !important;
	} 
	.footer2
	{
		padding-bottom: 24px !important
	}
	.ftr-logo img {
		width: 200px !important;
	}

	.footer1-media ul li {
		height: 45px !important;
		width: 45px !important;
		padding-top: 8px !important;
	}
	.slider-menu .AE-showcase-main .toggle-btn
	{
		right: 20px !important;
	}

	.company-partner {
		padding: 40px 0px !important;
	}
	
	.main-footer {
		padding-top: 40px !important;
	}

	.main-footer .footer1{
		padding-bottom: 24px;
	}
	.product-img-big{
		margin-bottom: 24px !important;
		text-align: center !important;
	}
	.yarn-inner .conut-number {
		width: 55% !important;
	}
	.main-product-dtl h2 {
		padding-bottom: 0px !important;
	}
	.spun-yarn-tag{
		padding: 5px 44px 5px 16px !important;
	}
	.count-box .cotton-tag {
		padding: 16px 44px 16px 16px !important;
	}
	.end-tag{
		padding: 5px 44px 5px 16px !important;
	}
	.main-product-img img {
		width: 85% !important;
	}
}
@media(max-width:800px)
{
	.logo-company img {
		padding: 90px 20px !important;
	}
	/*about page */
	.slider-menu .carousel-caption h3 
	{
		font-size: 24px !important;
		line-height: 40px !important;
		padding-right: 100px !important
	}
	.slider-menu .carousel-caption p 
	{
		font-size: 12px !important;
		padding-top: 10px !important;
		padding-right: 110px !important
	}
	.slider-menu .banner
	{
		height: 50vh !important;
	}
	.contact-main-tab
	{
		padding: 60px 45px 50px !important;
	}
	.contact-btn .btn 
	{
		padding: 10px 24px !important;
		font-size: 12px !important;
	}
	.contact-btn 
	{
		padding-top: 35px !important;
	}
	.contact-tab-detail h4
	{
		font-size: 17px !important;
	}
	.ftr-logo img
	{
		width: 180px !important;
	}
	.contact-tab 
	{
		padding-top: 150px !important;
	}
	.footer1-main-menu ul li
	{
		padding-top: 0px !important;
	}
	.footer-nm 
	{
		padding: 8px !important;
		/* margin-top: 20px !important; */
	}
	.footer-nm span 
	{
		font-size: 10px !important;
	}

	.company-partner .logo-content .logo-inner{
		margin: 6px 8px !important;
	}
	.about-avanti-detail p{
		margin-bottom: 0 !important;
	}
	
	.gallery .tab-content .tab-pane .photo-zoom {
		height: 190px !important;
	}
}
@media (max-width: 767px)
{

    .small-screen-tab{
		display: none;
	}	
	.show-dtl
	{
		padding: 5px 20px !important;
	}
	.about-avanti-dtl-1-1 
	{
		padding-left: 0px !important;
	}
	.contact-tab-detail h4 
	{
		font-size: 16px !important;
		line-height: 24px !important
	}
	.contact-tab-detail p 
	{
		font-size: 12px !important;
	}
	.footer1-media ul li a 
	{
		font-size: 16px !important;
	}
	.footer1-media ul li 
	{
		padding-top: 12px !important;
	}
	.avanti-partner-logo {
		padding: 21px !important;
	}
	.about-avanti-img-2 {
		text-align: left !important;
		margin-bottom: 24px !important;
	}
	.product-title {
		padding: 30px 0 !important;
	}
	.main-footer h5 {
		font-size: 17px !important;
	}
	.product-img-big {
		text-align: center;
	}
	.count-box .cotton-tag {
		padding: 30px 44px 30px 16px !important;
	}
	.gallery .tab-content .tab-pane .photo-zoom {
		height: 240px !important;
	}
	.gallery .tab-content .tab-pane .youtube img{
		height: 100% !important;
	}
	.gallery .nav {
		margin-bottom: 18px !important;
	}

}
@media (max-width: 640px)
{
	.show-dtl h5
	{
		font-size: 15px !important;
	}

	/*about page */
	.slider-menu .carousel-caption h3
	{
		font-size: 20px !important;
		line-height: 36px !important;
		padding-right: 00px !important;
	}
	.slider-menu .banner
	{
		height: 40vh !important;
	}
	.slider-menu .carousel-caption
	{
		bottom: 11% !important;
	}
	.slider-menu .carousel-caption p
	{
		padding-right: 70px !important;
		letter-spacing: 1px !important
	}	
	.contact-tab-detail h4 
	{
		font-size: 15px !important;
		line-height: 20px !important;
	}
	.contact-tab-detail p
	{
		font-size: 11px !important;
	}
	.contact-main-tab 
	{
		padding: 60px 35px 50px !important;
	}
	.contact-btn .btn 
	{
		padding: 10px 16px !important;
		font-size: 12px !important;
	}
	.yarn-inner .conut-number {
		width: 60% !important;
	}
	.spun-yarn-tag{
		padding: 18px 44px 18px 16px !important;
	}
	.gallery .nav .nav-item .nav-link {
		padding: 8px 24px !important;
	}
}
@media(max-width:600px)
{
	.end-tag{
		padding: 18px 44px 18px 16px !important;
	}
}
@media (max-width: 575px)
{
	/*showcase page */
	.show-img {
		height: 28vh !important;
	}
	.show-dtl p 
	{
		margin-bottom: 5px !important;
	}

	.banner-content .banner-inner .about-info {
		height: 20vh !important;
	}

	.banner-content .banner-inner .about-info a {
		margin-top: 18px !important;
	}
	.banner-content .banner-inner .about-info .avanti-dtl {
		font-size: 13px !important;
		font-weight: 800 !important;
	}

	.logo-company img {
		padding: 48px 110px !important;
	}

	/*about page */
	.slider-menu .AE-showcase-main .header 
	{
		padding: 20px 0px 10px !important;
	}
	.slider-menu .AE-showcase-main .logo img 
	{
		width: 18% !important;
	}
	.slider-menu .AE-showcase-main .toggle-btn 
	{
		right: 5px !important;
	}
	.slider-menu .AE-showcase-main .toggle-btn .bar 
	{
		width: 26px !important;
		margin: 5px auto !important;
	}
	.slider-menu .carousel-caption h3 
	{
		font-size: 18px !important;
		line-height: 30px !important;
	}
	.slider-menu .carousel-caption p 
	{
		padding-right: 10px !important;
	}
	.slider-menu .banner
	{
		height: 36vh !important;
	}
	.slider-menu .carousel-caption
	{
		bottom: 10% !important;
	}
	.main-footer 
	{
		padding: 40px 0 0 !important;
	}
	.contact-tab
	{
		margin-top: 25px !important;
	}
	.about1 h3.text-style-1,.contact-tab-detail h4.text-style-1
	{
		font-family: "Raleway-Regular",sans-serif !important
	}
	.contact-tab
	{
		display: none !important
	}
	.company-partner .logo-content .logo-inner img {
		width: 150px  !important;
	}
	.about-avanti-detail p{
		padding-top: 16px !important;
	}
	.product-dicription {
		padding: 30px 0 50px !important;
	}
	.main-footer h5
	{
		font-size: 16px !important;
	}
	.footer1-menu ul li a
	{
		font-size: 14px !important;
	}
	.navbar-toggler{
		padding: 0 !important;
	}
	.yarn-inner .conut-number {
		width: 75% !important;
	}
	.spun-yarn-tag{
		padding: 5px 44px 5px 16px !important;
	}
	.end-tag{
		padding: 5px 44px 5px 16px !important;
	}
	.gallery .tab-content .tab-pane .photo-zoom {
		height: 350px !important;
	}
	.gallery .nav .nav-item .nav-link {
		padding: 6px 16px !important;
	}
	.gallery {
		padding: 30px 0 50px !important;
	}
	.contact {
		padding: 30px 0 50px !important;
	}
}
@media(max-width:480px)
{
	.logo-company img {
    padding: 48px 60px !important;
    }

	/*about page */
	.slider-menu .carousel-caption h3
	{
		font-size: 17px !important;
		line-height: 26px !important;
	}
	.carousel-caption 
	{
		right: 10% !important;
		left: 10% !important;
	}
	.slider-menu .banner
	{
		height: 34vh !important;
	}
	.slider-menu .carousel-caption 
	{
		bottom: 11% !important;
	}
	.about-avanti-detail p 
	{
		font-size: 12px !important;
	}
	.about-avanti-detail h3 ,.about2 .about-avanti-detail h3
	{
		font-size: 16px !important;
		line-height: 24px !important;
		margin-bottom: 0px !important;
	}
	.contact-tab
	{
		margin-top: 10px !important;
	}
	.slider-menu .AE-showcase-main .toggle-btn 
	{
		top: 17px !important;
	}

	.spun-yarn-tag{
		padding: 18px 44px 18px 16px !important;
	}

	.end-tag{
		padding: 18px 44px 18px 16px !important;
	}
	.pro-dis tbody tr th{
		font-size: 13px !important;
	}
	.pro-dis tbody tr td{
		font-size: 13px !important;
	}
	.gallery .nav .nav-item .nav-link {
		padding: 6px 12px !important;
		font-size: 12px !important;
	}
}
@media(max-width:460px){
	.count-box .cotton-tag {
		padding: 30px 37px 30px 8px !important;
	}
	
	.end-tag {
		padding: 18px 37px 18px 8px !important;
	}

	.count-box .first-tag{
		padding: 6px 37px 6px 8px !important;
	}

	.count-box .open-tag {
		padding: 5px 78px 5px 16px !important;
	}

	.count-box .spun-yarn-tag {
		padding: 18px 37px 18px 8px !important;
	}
	.count-box .count-secondary{
		padding: 5px 37px 5px 8px !important;
	}
	.yarn-inner .conut-number p {
		font-size: 13px !important;
	}
	.yarn-inner .count-tag p {
		font-size: 13px !important;
	}
}

@media (max-width:414px)
{
	.banner-content .banner-inner .about-info .avanti-dtl {
		font-size: 12px !important;
	}
	.show-dtl h5 
	{
		font-size: 14px !important;
		letter-spacing: 2px !important
	}
	.show-dtl p
	{
		font-size: 12px !important;
	}
	.show-dtl
	{
		padding: 5px 15px !important;
	}

	.logo-company img {
        padding: 48px 30px !important;
    }

	/*about page */
	.slider-menu .AE-showcase-main .logo img
	{
		width: 22% !important;
	}
	.slider-menu .AE-showcase-main .toggle-btn .bar 
	{
		width: 24px !important;
	}
	.slider-menu .AE-showcase-main .toggle-btn .bar:nth-child(2) 
	{
		width: 16px !important;
	}
	.slider-menu .carousel-caption h3 
	{
		font-size: 15px !important;
		line-height: 24px !important;
	}
	.slider-menu .carousel-caption p 
	{
		padding: 0 !important;
		font-size: 11px !important
	}
	.slider-menu .banner 
	{
		height: 30vh !important;
	}
	.slider-menu .carousel-caption 
	{
		bottom: 10% !important;
	}
	.about-avanti-detail h3, .about2 .about-avanti-detail h3 
	{
		font-size: 15px !important;
		line-height: 24px !important;
	}
	.slider-menu .navbar-brand img {
		width: 150px !important;
	}
	.yarn-inner .conut-number p {
		font-size: 13px !important;
	}
	.yarn-inner .count-tag p {
		font-size: 13px !important;
	}
	.main-product-img img {
		width: 100% !important;
	}
	.count-box .spun-yarn-tag {
		padding: 16px 44px 16px 8px !important;
	}
	.count-box .cotton-tag {
		padding: 25px 44px 26px 8px !important;
	}
	.end-tag {
		padding: 16px 44px 16px 8px !important;
	}
	.pro-dis tbody tr th{
		font-size: 11px !important;
	}
	.pro-dis tbody tr td{
		font-size: 11px !important;
	}
	.gallery .tab-content .tab-pane .photo-zoom {
		height: 286px !important;
	}
	.gallery .nav .nav-item .nav-link {
		padding: 6px 8px !important;
		font-size: 11px !important;
	}
}
@media(max-width:412px){
	.count-box .cotton-tag {
		padding: 25px 44px 26px 8px !important;
	}
	
	.end-tag {
		padding: 16px 44px 16px 8px !important;
	}

	.count-box .first-tag{
		padding: 6px 44px 6px 8px !important;
	}

	.count-box .open-tag {
		padding: 5px 78px 5px 16px !important;
	}

	.count-box .spun-yarn-tag {
		padding: 16px 44px 16px 8px !important;
	}
	.count-box .count-secondary{
		padding: 5px 44px 5px 8px !important;
	}
}

@media(max-width:384px)
{
	/*about page */
	.main-footer 
	{
		padding: 20px 5px 0 !important;
	}

	.logo-company img {
        padding: 54px 16px !important;
    }

	.banner-content .banner-inner .about-info .avanti-dtl {
		font-size: 12px !important;
	}

	.banner-content .banner-inner .about-info a {
		margin-top: 10px !important;
		padding: 6px 16px !important;
	}
	.navbar-toggler-icon {
		width: 35px !important;
		height: 35px !important;
	}
	.footer-nm span {
		font-size: 11px !important;
	}

	.count-box .cotton-tag {
		padding: 25px 44px 26px 8px !important;
	}
	
	.end-tag {
		padding: 16px 44px 16px 8px !important;
	}

	.count-box .first-tag{
		padding: 6px 44px 6px 8px !important;
	}

	.count-box .open-tag {
		padding: 5px 78px 5px 16px !important;
	}

	.count-box .spun-yarn-tag {
		padding: 16px 44px 16px 8px !important;
	}
	.count-box .count-secondary{
		padding: 5px 44px 5px 8px !important;
	}

	.count-box .p-cotton-tag {
		padding: 5px 42px 7px 9px !important;
	}

	.count-box .po-yarn-tag {
		padding: 5px 32px 6px 9px !important;
	}
	.gallery .nav .nav-item .nav-link {
		padding: 4px 16px !important;
		font-size: 12px !important;
	}

}
@media (max-width: 375px)
{
	.show-dtl h5 
	{
		font-size: 13px !important;
	}
	.show-dtl p 
	{
		font-size: 11px !important;
		margin-bottom: 3px !important
	}

	/*about page */
	.slider-menu .carousel-caption h3
	{
		font-size: 14px !important;
		line-height: 22px !important;
		letter-spacing: 1px !important;
	}
	.carousel-caption 
	{
		right: 7% !important;
		left: 7% !important;
	}
	.slider-menu .carousel-caption p 
	{
		font-size: 10px !important;
	}
	.slider-menu .banner 
	{
		height: 26vh !important;
	}
	.slider-menu .AE-showcase-main .logo img 
	{
		width: 25% !important;
	}
	.about-icon 
	{
		height: 40px !important;
		width: 40px !important;
	}
	.about-avanti-detail p 
	{
		letter-spacing: .5px !important;
	}
	.about-avanti-detail h3, .about2 .about-avanti-detail h3 
	{
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.about-avanti-detail h6 
	{
		font-size: 10px !important;
		line-height: 16px !important;
	}
	.about-avanti-detail .btn 
	{
		font-size: 11px !important;
	}	
	.about2
	{
		padding-bottom: 50px !important
	}
	.main-footer 
	{
		padding: 25px 0px 0 !important;
	}
	.pro-dis .yarn-inner p {
		font-size: 13px !important;
	}

	.count-box .count-secondary{
		padding: 5px 42px 5px 8px !important;
	}

	.count-box .spun-yarn-tag {
		padding: 16px 42px 14px 8px !important;
	}

	.count-box .first-tag {
		padding: 6px 42px 6px 8px !important;
	}

	.count-box .cotton-tag {
		padding: 25px 42px 26px 8px !important;
	}

	.end-tag {
		padding: 16px 42px 16px 8px !important;
	}

	.count-box .p-cotton-tag {
		padding: 5px 39px 7px 9px !important;
	}

	.count-box .po-yarn-tag {
		padding: 5px 32px 7px 7px !important;
	}
	.gallery .tab-content .tab-pane .photo-zoom img {
		transform: translate(-50%, -30%) !important;
	}
	.gallery .tab-content .tab-pane .youtube img {
		transform: translate(-50%, -50%) !important;
	}

	.gallery .tab-content .tab-pane .photo-zoom .achive-img {
		transform: translate(-50%, -50%) !important;
	}
	.gallery .tab-content .tab-pane .photo-zoom .team-img {
		transform: translate(-50%, -50%) !important;
	}
	.gallery .tab-content .tab-pane .photo-zoom {
		height: 264px !important;
	}
	.gallery .nav {
		margin-bottom: 0px !important;
	}

}
@media(max-width:360px)
{

	.banner-content .banner-inner .about-info .avanti-dtl {
		font-size: 11px !important;
	}
	.footer-nm 
	{
		padding: 5px !important;
	}
	.yarn-inner .conut-number p {
		font-size: 12px !important;
	}
	.yarn-inner .count-tag p {
		font-size: 12px !important;
	}
	.gallery .tab-content .tab-pane .photo-zoom {
		height: 252px !important;
	}
}
@media (max-width: 320px)
{
	.slider-menu .AE-showcase-main .logo img 
	{
		width: 30% !important;
	}
	.slider-menu .carousel-caption h3 
	{
		font-size: 13px !important;
		line-height: 20px !important;
	}
	.slider-menu .banner
	{
		height: 22vh !important;
	}
	.slider-menu .carousel-caption 
	{
		bottom: 0% !important;
	}
	.about-avanti-detail p 
	{
		margin-bottom: 5px !important;
		font-size: 11px !important;
	}
	.about-avanti-detail h3, .about2 .about-avanti-detail h3 
	{
		font-size: 13px !important;
		line-height: 17px !important;
	}
	.about-avanti-detail h6 
	{
		font-size: 9px !important;
	}
	.yarn-inner .conut-number p {
		font-size: 10px !important;
	}
	.yarn-inner .count-tag p {
		font-size: 11px !important;
	}
	.count-box .count-secondary{
		padding: 5px 39px 5px 8px !important;
	}

	.count-box .spun-yarn-tag {
		padding: 12px 39px 13px 8px !important;
	}

	.count-box .first-tag {
		padding: 6px 39px 6px 8px !important;
	}

	.count-box .cotton-tag {
		padding: 19px 39px 20px 8px !important;
	}

	.end-tag {
		padding: 13px 39px 12px 8px !important;
	}
	.count-box .open-tag {
		padding: 5px 67px 5px 16px !important;
	}

	.count-box .po-yarn-tag {
		padding: 5px 31px 5px 6px !important;
	}

	.count-box .p-cotton-tag {
		padding: 5px 37px 5px 9px !important;
	}

	.main-product-dtl h2{
		font-size: 20px !important;
	}

	.gallery .tab-content .tab-pane .photo-zoom {
		height: 220px !important;
	}
}