img {max-width:100%;}

@media screen and (max-width:1030px) {
.wrapper {width:100%; padding-left:15px; padding-right:15px;margin:0 auto;}
.main {padding-left:0px; padding-right:0px;}
}

@media screen and (max-width:1024px) {
#mid .content_left {width:100%;}
#mid .content_right {width:100%; margin-top: 20px;}
.content_right .address_box {width:100%;}
.content_right .address_box1 {width:40%;}
.content_right .address_box2 {width:53%;}
.content_right .address_box:last-child {margin-bottom:0;}

.box1 {	width: 50%; padding-right:32px;}
.box2 {width: 50%;}
.box3 {width:100%;}
.text {float:left; width:160px;}
.head_text {
	width: 30%;
	padding-top: 60px;
	padding-left: 15px;
}
#slider {
	width: 100%;
	overflow-x: auto;
}
#slider1_container {overflow-x: auto;}

	
}

@media screen and (max-width:991px) {
	ul.menu li a:link,
	ul.menu li a:visited {
		padding: 0 8px;	
	}
}

@media screen and (max-width:960px) {
	.pro_detail {width: 100%;}
	.pro_let {width: 100%;}
	.pro_right {width: 100%;float: left; padding: 0px;}
	.pro_let {padding:0; border: 0px;}
	.pro_right h1 {font-size:24px;}
	.pro_right ul {width:100%;}
}

@media screen and (max-width:960px) {
	.sidebar {width: 29%;}
	.right_products {width: 70%;}
	.product {width: 46%; margin-left: 2% !important; margin-right: 2% !important;}
	.box {width:100%;margin-top: 20px;}
	
	/*.prod_img {width:100% !important;}
	 #slider1_container > div > div > div { width:100% !important;}*/
}

@media screen and (max-width:767px) {
	.logo {
		float: none;
		padding-left: 0;
		padding-top: 5px;
		text-align: center;
	}
	.top_right {float: none;text-align: center;}
	.contact {float:none; display:inline-block; margin-top:5px;}
	.sitemap {float:none; display:inline-block; margin-top:5px;}
	.logo1 {
		float: none;
    margin-top: 5px;
    margin-bottom: 0;
    margin-right: 50px;
	}
	.logo1 img{max-height: 40px!important;}
	.title {float: none; text-align:left;}
	.breadcrump {float:none; text-align:left;}
    #mid ul {margin:0; padding:0;}	 
	.page_title {padding:10px 0 10px 15px;}
	h1 {font-size:30px; line-height:normal;}
	.slideshow {height:270px;}
	.top_paneltitle .img_box {width:100%;}
	.top_paneltitle .content_box {min-height:auto;}
	.content_right .address_box2 {width: 100%; padding-left: 0px;}
	.content_right .address_box1 {width:100%;}
	.sidebar { width: 100%; padding:20px 15px;}
	.catagory {padding-top: 15px;}
	.right_products { width: 100%; margin-top: 30px;}
	.box {min-height:auto;}
	.product {
		width: 100%;
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
	
	/*Memu responsive start*/
	
    .menu-block {
        height: auto;
    }
    .menu-icon {
        display: block;
		position: absolute;
		right: 0;
		top: 20px;
    }
    .services-detail a.pba-detail {
        border-bottom: 2px solid #d3d9da;
    }
    
	.menu {
    background-color: #232323 !important;
    padding: 10px 10px !important;
	display:none;
	}
	.menu li {width:100%; background:none !important;}
	ul.menu li a:link, ul.menu li a:visited {line-height:normal; padding-top:5px; padding-bottom:5px;}
	
	.menu_link {
    clear: both;
    margin: 0px;
    display: block !important;
    background: url(../images/res_menu_link.jpg) no-repeat right center;
    text-decoration: none;
    z-index: 99999;
    outline: none;
    transition: none;
    width: 40px;
    height: 34px;
    float: right;
    text-indent: -9999px;
	position: absolute;
    top: 20px;
    right: 15px;
}
.menu_link.active {
    background: url(../images/res_menu_linkh.jpg) no-repeat right center;
    transition: none;
}
	
	
	/*Menu responsive end*/
	
	.left_head {
		padding-top: 20px;
		width: 100%;
		text-align: center;
		padding-left: 0;
	}
	.head_text {
		width: 100%;
		padding-top: 30px;
		padding-left: 0;
		text-align: center;
	
	}
	.right_head {
		float: left;
		width: 100%;
		text-align: center;
	}	
	.head_text h1 {font-size:24px;line-height: normal;}
	.box1 {
		width: 100%;
		padding-right: 0;
		padding-bottom: 10px;
	
	}
	.box2 {
		width: 100%;
	}

	.box3 {
		width: auto;
		text-align: center;
		display: inline-block;
		float: none;
		margin: 0 auto;
	}
	.left_pic {
		width: 162px;
		text-align: center;
		margin: 0 auto;
		margin: 0 auto 10px;
		float: none;
	}
	.text {
		float: left;
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
		text-align: center;
	}
	.mid_profile {text-align:center;}

	
	.tab_con {overflow-x: scroll !important;}
	.tab_con p img {
		height: auto !important;
	    width: auto !important;
	}
	.top_paneltitle h3 {
		font-size: 14px;
		padding: 7px 5px;
	}
	
	#header {padding-left:10px; padding-right:10px;}
	#header .head_text p {line-height:20px;}
	#faq .tab_con ul {padding-left:35px;}
	ul.faq li p {padding:0 10px 3px 10px;}

	.footer-main{flex-direction: column; gap: 24px;}
	.footer-brand{max-width: 100%;}
	#footer p{margin: 0px;}

	.header{/* flex-direction: column; */ margin-bottom: 15px;}
	.mid-banner{padding: 12px 0px 12px 0px;}
	.logo img {
    max-height: 50px;
}

} 

@media screen and (max-width:480px) {
	.slideshow {
		height: 220px;
	}
	.top_paneltitle .sub_link li {display:block; background:none; line-height:normal;}
	.top_paneltitle .sub_link ul {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.content_right .address_box1 { width: 100%;}
	.content_right .address_box2 {width: 100%;margin-left: 0;}
	.fancybox-wrap div#inline1 {
		width: 100% !important;
	}
}


@media all and (max-width:767px){  
	.af-left{ float: left; width:100%;}
	.about-footer ul{padding: 0px; margin: 0px; float: left; width:100%;}
	.about-footer p{float: left; width:100%; margin-top: 20px;}
	.about-footer p img{max-width:80%;}
	#footer{padding:24px 15px 20px;}
	.footer-main{gap:20px;}
	.footer-contact h3, .footer-links h3{font-size:20px;}
	.footer-office h4{font-size:15px;}
	.footer-links ul{column-count:1; -webkit-column-count:1; -moz-column-count:1;}

	.qulity-section{flex-direction: column;}
	.qulity-section figure{width:100%; margin:10px 0px; padding: 0px;}

}

