/*** Responsive css ***/
@media screen and (max-width:1600px) {
	
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1023px) {
	.container { width:98%; }
	.slider .container { width:100%; margin-left:-50%; padding:0 1%; }
	header, header.fixed { position:relative; }
	header.fixed .welcome-to-swastik-pipe { top:0; }
	.logo-bar .logo, header.fixed .logo-bar .logo { width:135px; }
	.content-wrapper, .content-wrapper.fixed { padding-top:0; }
	
	.slider .data ul { padding-top:15px; }
	.slider .data h1 { font-size:28px; line-height:40px; }
	.slider .data p { font-size: 14px; padding: 5px 0 15px 0; width:80%; line-height: 20px; }
	
	#product-detail { padding:60px; }
}
@media screen and (max-width:980px) {	
	.about-us-right-part { width:66%; }
	
	#product-detail { padding:60px; }
	/*-------------------*/ 
	
	.com-profile { width:75%; }
}
@media screen and (max-width:979px) {	
	.logo-bar { padding:10px 0; }
	.logo-bar .menu ul li { margin-left:10px; }
	.logo-bar .menu ul li a { font-size:14px; }
	
	.welcome-to-swastik-pipe-detail .left { width:100%; text-align:center; margin:10px 0 0 0; padding:0; }
	.welcome-to-swastik-pipe-detail .left p{ margin:0; padding:0; font-size: 24px; font-weight: 600; line-height: 36px; color: #4b575b; text-transform: uppercase; }  
	.welcome-to-swastik-pipe-detail .right p { font-size: 16px; font-weight: 400; line-height: 24px; width: 100%; margin: 20px 0; float: left; color: #4d575b; text-align: center; padding:0;   }
	.slider .data h1 { font-size:28px; padding:0 5%; line-height:30px; }
	
	.about-us-right-part { width:58%; }
	.about-us-right-part p { margin-bottom:15px; }
	
	/*------------------*/
	
	.our-products .item b { padding:10px 0; font-size:20px; }
	
	/*--------------*/
	
	.application-industries-inner .blog-list li { width:47.2%; }
}
@media screen and (max-width:768px) {
	.welcome-to-swastik-pipe .left-side ul li { margin-right:20px; }
	.logo-bar .logo { width:135px; }
	.logo-bar .menu { float:none; }
	.logo-bar .menu ul.show a { color:#FFF; }
	.logo-bar .menu .mobilemenu { display:block; float:right; }
	.logo-bar .menu .mobilemenu .fa { color:#4d575b; }
	.logo-bar .menu .mobilemenu a { padding:24px 20px 0 0; font-size:20px;  }
	.logo-bar .menu ul { position:absolute; width:100%; left:0; top:40px; opacity:0; visibility:hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
	.logo-bar .menu ul.show { opacity:1; visibility:visible; top:85px; background:#000; }
	.logo-bar .menu ul li { display:block; margin:0; border-bottom:1px solid rgba(255,255,255,0.1); }
	.logo-bar .menu ul li a { padding:0 10px; line-height:32px; display:block; }
	header.fixed .logo-bar .menu ul li a { line-height:32px; }
	
	.slider .data ul { padding-top:10px; }
	.slider .data li { font-size:16px; }
	.slider .data li a { padding: 3px 12px; }
	.slider .owl-theme .owl-controls { bottom:5px; }
	
	.welcome-to-swastik-pipe-detail .left p { font-size:22px; }
	.welcome-to-swastik-pipe-detail .left p b { font-size:26px; }
	.welcome-to-swastik-pipe-detail .left { margin:15px 0 0 0; }
	.welcome-to-swastik-pipe-detail .right p { line-height:22px; margin:10px 0 20px 0; padding:0 14px; }
		 
	.title h1 { padding:40px 0; font-size:26px; }
	.application-industries .application-industries-blog { margin-top:-15px; }
	.application-industries .application-industries-blog li { width:47.2%; margin-top:15px; }
	.application-industries .application-industries-blog li img { margin:20px 0 5px 0; }
	.application-industries .application-industries-blog li p { padding-right:12px; }  

	.about-us-img { width:40%; }
	.about-us-right-part { width:60%; }
	.about-us-right-part p { font-size:14px; }
	.all-btn { padding: 3px 15px; }
	
	/*----------*/
	
	.our-products .item b { padding:15px 0; font-size:20px; }
	
	#product-detail { padding-top:0; }
	#product-detail .img { width:100%; text-align:center; padding-right:0; }
	#product-detail .info { width:100%; }
	#product-detail .info h3, #product-detail .info h4 { text-align:center; }
	#product-detail .inquiry { width:100%; text-align:center; }
	
	/*-----------------------*/
	
}
@media screen and (max-width:767px) {
	.welcome-to-swastik-pipe { display:none; }

}
@media screen and (max-width:567px) {
	.slider .data h1 { font-size:18px; padding:0; margin-bottom:5px; line-height:25px; }
	.slider .data p { display:none; }
	
	.footer-detail { padding:15% 5%; }
	.address, .navigation, .nearest-ports, .opening-hours { width:100%; margin-bottom:15px; }
	.map .container { position:relative; top:0; text-align:center; }
	.map iframe { height:250px; }
	.map form { float:none; text-align:left; margin-top:20px; }
	.map { height:100%; }
	
	.footer-bottom .l-part { width:100%; text-align:center; }
	.footer-bottom .r-part { width:100%; }
	
	/*-------------*/
	
	.about-us-detail .navigation, .our-products-detail .navigation { padding-left:25px; }
	.about-us-detail .navigation a, .our-products-detail .navigation a { line-height:27px; }
	.all-blog li { width:48%; }
	.all-blog li h2 { font-size:18px; }
	
	/*-------------*/
	
	.products { width:100%; }
	.products li { width:47%; }
	.products li a b { padding:5px; }
	.products img { width:100%; }
	.our-products-detail .navigation { width:100%; margin-bottom:40px; }
	
	/*-----------------*/
	
	.application-industries-inner .blog-list li { width:97.2%; text-align:center; }
	.application-industries-inner .blog-list li p { text-align:justify; padding:0 5%; }
	
	.contact-us .address { width:100%; }
	.contact-us .cform { width:100%; }
	
}
@media screen and (max-width:480px) {

	.slider .data h1 { font-size:18px; line-height:20px; padding:0; }
	.slider .data p { display:none; }
	.slider .data li a { padding:0 8px; font-size:14px; }
	.slider .owl-theme .owl-controls { bottom:0; }
	
	.title h1 { font-size:22px; padding:20px 0; }
	
	.welcome-to-swastik-pipe-detail .left p { font-size:18px; }
	.welcome-to-swastik-pipe-detail .left p b { font-size:20px; }
	
	.application-industries .application-industries-blog li h2 { font-size:20px; }
	.application-industries .application-industries-blog li img { margin:14px 0 5px 0; } 
	.application-industries .application-industries-blog li { margin-bottom:30px; }

	.footer-bottom { padding:10px 0; }
	.footer-bottom .l-part { font-size:12px; }
	.footer-bottom .served_by { font-size:12px; }
		
	/*---------------------------*/
		
	.com-profile { width:100%; }
	.about-us-detail .navigation { width:50%; }
	.about-us-text { margin-top:20px; text-align:center; }
	
	#product-detail { padding:20px; }
	#product-detail .info .pro-table { font-size:14px; }
	
	.application-industries .application-industries-blog { margin:0; }
	.application-industries .application-industries-blog li { width:100%; text-align:center; margin:0; }
	.application-industries .application-industries-blog li p { padding:0 5%; }
	
	.about-us-img { float: none; margin: 0 auto; width: 80%; }
	.about-us-right-part { width:100%; text-align:center; margin-top:30px; padding:0 7%; } 

	/*------------------*/
	
	.form-list li.col-2 { width:100%; }
}
@media screen and (max-width:360px) {
	.welcome-to-swastik-pipe { display:none; }	
	.logo-bar .logo { width:100px; }
	.logo-bar .menu ul.show { top:65px; }
	.logo-bar .menu .mobilemenu a { padding:15px 20px 0 0; }
	.logo-bar .logo, header.fixed .logo-bar .logo { width:100px; }
	
	.slider .data ul { padding-top:6px; }
	
	#product-detail { padding:5px 5px 20px 5px; }
}
@media screen and (max-width:320px) {
	.slider .data h1 { font-size:14px; line-height:18px; }	
	.slider .data li a { margin:0; }
	
	.products li { width:100%; }
	
	/*-----------------------*/
	
	.all-blog li { width:98%; }
	
}








