@media(min-width:1000px) and (max-width:1250px)
{
.logo                               {text-align:center;}
.logo a img 						{margin: 10px auto;padding: 0px;float:none;position: none ;display: block;width:60%;}
.logo-bg 							{height:auto;}
.comp-name h1 						{font-size:24px;padding:53px 0 0;}
.icon 								{margin:0 10px}

.menu_nav 							{margin: 0px 0 0 140px;}
.index-prod-scroll ul li 			{margin: 0 24px;}
.index-prod-scroll .bx-prev			{left:-26px;}
.deal ul 							{width: 47%;}
.client-area ul li					{margin:10px 9px !important;}
.enq-form form input[type="submit"] {width: 40%;}


}
@media(min-width:641px) and (max-width:768px)
{

/****************************the great metal***********************/
.logo                               {text-align:center;}
.logo a img 						{margin: 10px auto;padding: 0px;float:none;position: relative;display: block;width:60%;}
.logo-bg 							{height:auto;}
.index-prod-scroll ul				{margin:0 20px;}
.index-aboutus 						{margin: 0px 15px 20px 0;}
.index-prod-scroll .bx-next 		{right:-6px;}
.index-prod-scroll .bx-prev 		{left:-10px;}
.index-prod-scroll ul				{margin:0 80px;}
.bussines-conte h4 					{font-size:22px;}
.phone								{margin:0 0 30px;}

.study-table-prd						{width:100%;}
.study-table-prd table,	.study-table-prd thead, .study-tabl-prde tbody, .study-table-prd th, .study-table-prd td, .study-table-prd tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
.study-table-prd thead tr 							{position: absolute;top: -9999px;left: -9999px;}
.study-table-prd tr 								{border: 1px solid #ccc;width:100%;}
.study-table-prd td 								{/* Behave  like a "row" */	border: none;border-bottom: 1px solid #D4D0D0;position: relative;
												padding-left:37%;white-space: normal;text-align:center;width:100%;}
.study-table-prd td:before							{/* Now like a table header */position: absolute;	/* Top/left values mimic padding */
												top: 6px;left: 6px;	width: 45%;	padding-right: 10px;text-align:left;font-weight: 600;}

.study-table-prd td:before 							{content: attr(data-title);}
.study-table-prd td:first-child, .study-table-prd td:last-child {text-align:center;}

.copy								{font-size:12px;}
.designed 							{font-size:12px;}

}
@media(max-width:640px)
{
	.ser-area-p1{height:auto;}
.logo a img 						{margin: 25px auto;padding: 0px;float:none;position: relative;display: block;}
.logo-bg 							{height:auto}	
.email ul li 						{text-align: center;display: block;float:left;font-size:18px;}
.email ul							{float:none;display: inline-block;}
.email ul li a						{font-size:18px;}
.email-area 						{text-align:center}
.icon								{margin: 0 13px;}
.phone 								{margin: 0 0 20px;}
.spclmar 							{margin: 20px 0;}
.copy								{float:none;text-align:center;}
.designed 							{float:none;text-align:center;}
.designed a                         {font-size: 13px;}
.index-prod-scroll ul				{margin:0 10px;}
.left-accordian-box img				{margin:20px 0 0;}
.flag-bg 							{height:auto;}
.enq-form form textarea 			{width: 100%;}

.study-table-prd						{width:100%;}
.study-table-prd table,	.study-table-prd thead, .study-tabl-prde tbody, .study-table-prd th, .study-table-prd td, .study-table-prd tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
.study-table-prd thead tr 							{position: absolute;top: -9999px;left: -9999px;}
.study-table-prd tr 								{border: 1px solid #ccc;width:100%;}
.study-table-prd td 								{/* Behave  like a "row" */	border: none;border-bottom: 1px solid #D4D0D0;position: relative;
												padding-left:37%;white-space: normal;text-align:center;width:100%;}
.study-table-prd td:before							{/* Now like a table header */position: absolute;	/* Top/left values mimic padding */
												top: 6px;left: 6px;	width: 45%;	padding-right: 10px;text-align:left;font-weight: 600;}

.study-table-prd td:before 							{content: attr(data-title);}
.study-table-prd td:first-child, .study-table-prd td:last-child {text-align:center;}
}
@media(max-width:480px) 
{


/****************************ciaga***********************/
.logo a img 						{margin: 25px auto;padding: 0px;float:none;position: relative;display: block;}
.logo-bg 							{height:auto}
.email ul li 						{text-align: center;display: block;float:left;font-size:18px;}
.email ul							{float:none;display:block;}
.email ul li a						{font-size:18px;}
.index-aboutus h1 					{font-size:30px;background: none;}
.scrap-head h2						{padding: 15px 0;font-size: 25px;}
.panel-title a 						{font-size: 14px;}
.left-accordian-box img				{margin:20px 0 0;}
.abt-conte h4 						{font-size:22px;}
.flag-bg 							{height:auto;}
.bussines-conte ul					{width: 100%;}
.spad-left							{padding:0px}
.spad-right 						{padding:0px}
.bussines-conte h4					{font-size:19px;}
.prod-text h1 						{font-size:16px}
.icon								{margin: 0 13px;}
.phone 								{margin: 0 0 20px;}
.spclmar 							{margin: 20px 0;}
.index-prod-scroll ul				{margin:0 70px;}
.enq-form form textarea 			{width: 100%;}

.menu_nav							{width:100%;margin:0px;margin: 13px 0px;float: none;}						
.designed 							{float:none;}
#cssmenu ul 						{width: 100%;display: none;margin: 20px 0 !important;}
.copy								{float:none;text-align:center;}
.designed 							{float:none;text-align:center;}
.designed a                         {font-size: 13px;}

.study-table						{width:100%;}
.study-table table,	.study-table thead, .study-table tbody, .study-table th, .study-table td, .study-table tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
.study-table thead tr 							{position: absolute;top: -9999px;left: -9999px;}
.study-table tr 								{border: 1px solid #ccc;width:100%;}
.study-table td 								{/* Behave  like a "row" */	border: none;border-bottom: 1px solid #D4D0D0;position: relative;
												padding-left:5%;white-space: normal;text-align:left;width:100%;}
.study-table td:before							{/* Now like a table header */position: absolute;	/* Top/left values mimic padding */
												top: 6px;left: 6px;	width: 45%;	padding-right: 10px;text-align:left;font-weight: 600;}

.study-table td:before 							{content: attr(data-title);}
.study-table td:first-child, .study-table td:last-child {text-align:left;}


.study-table-prd						{width:100%;}
.study-table-prd table,	.study-table-prd thead, .study-tabl-prde tbody, .study-table-prd th, .study-table-prd td, .study-table-prd tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
.study-table-prd thead tr 							{position: absolute;top: -9999px;left: -9999px;}
.study-table-prd tr 								{border: 1px solid #ccc;width:100%;}
.study-table-prd td 								{/* Behave  like a "row" */	border: none;border-bottom: 1px solid #D4D0D0;position: relative;
												padding-left:37%;white-space: normal;text-align:center;width:100%;}
.study-table-prd td:before							{/* Now like a table header */position: absolute;	/* Top/left values mimic padding */
												top: 6px;left: 6px;	width: 45%;	padding-right: 10px;text-align:left;font-weight: 600;}

.study-table-prd td:before 							{content: attr(data-title);}
.study-table-prd td:first-child, .study-table-prd td:last-child {text-align:center;}

}
@media(max-width:360px)
{
.email ul li 						{text-align: center;display: block;float:none;font-size:18px;}
.email ul							{float:none;display:block;}
.email ul li a						{font-size:18px;}
.index-prod-scroll ul				{margin:0 12px;}
.enq-form form textarea 			{width: 100%;}

}

@media(max-width:320px)
{

/****************************ciaga***********************/
.logo a img 						{margin: 25px auto;padding: 0px;float:none;position: relative;display: block;}
.logo-bg 							{height:auto}
.email ul li 						{text-align: center;display: block;float:none;font-size:18px;}
.email ul							{float:none;display:block;}
.email ul li a						{font-size:18px;}
.index-aboutus h1 					{font-size:30px;background: none;}
.scrap-head h2						{padding: 15px 0;font-size: 25px;}
.panel-title a 						{font-size: 14px;}
.left-accordian-box img				{margin:20px 0 0;}
.abt-conte h4 						{font-size:22px;}
.flag-bg 							{height:auto;}
.bussines-conte ul					{width: 100%;}
.spad-left							{padding:0px}
.spad-right 						{padding:0px}
.bussines-conte h4					{font-size:21px;}
.prod-text h1 						{font-size:16px}
.icon								{margin: 0 13px;}
.phone 								{margin: 0 0 20px;}
.spclmar 							{margin: 20px 0;}

.enq-form form textarea 			{width: 100%;}
.menu_nav							{width:100%;margin:0px;margin: 13px 0px;float: none;}						
.designed 							{float:none;}
#cssmenu ul 						{width: 100%;display: none;margin: 20px 0 !important;}
.copy								{float:none;text-align:center;}
.designed 							{float:none;text-align:center;}
.designed a                         {font-size: 13px;}

.study-table						{width:100%;}
.study-table table,	.study-table thead, .study-table tbody, .study-table th, .study-table td, .study-table tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
.study-table thead tr 							{position: absolute;top: -9999px;left: -9999px;}
.study-table tr 								{border: 1px solid #ccc;width:100%;}
.study-table td 								{/* Behave  like a "row" */	border: none;border-bottom: 1px solid #D4D0D0;position: relative;
												padding-left:5%;white-space: normal;text-align:left;width:100%;}
.study-table td:before							{/* Now like a table header */position: absolute;	/* Top/left values mimic padding */
												top: 6px;left: 6px;	width: 45%;	padding-right: 10px;text-align:left;font-weight: 600;}

.study-table td:before 							{content: attr(data-title);}
.study-table td:first-child, .study-table td:last-child {text-align:left;}


.study-table-prd						{width:100%;}
.study-table-prd table,	.study-table-prd thead, .study-tabl-prde tbody, .study-table-prd th, .study-table-prd td, .study-table-prd tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
.study-table-prd thead tr 							{position: absolute;top: -9999px;left: -9999px;}
.study-table-prd tr 								{border: 1px solid #ccc;width:100%;}
.study-table-prd td 								{/* Behave  like a "row" */	border: none;border-bottom: 1px solid #D4D0D0;position: relative;
												padding-left:37%;white-space: normal;text-align:center;width:100%;}
.study-table-prd td:before							{/* Now like a table header */position: absolute;	/* Top/left values mimic padding */
												top: 6px;left: 6px;	width: 45%;	padding-right: 10px;text-align:left;font-weight: 600;}

.study-table-prd td:before 							{content: attr(data-title);}
.study-table-prd td:first-child, .study-table-prd td:last-child {text-align:center;}

}