html 
	{
		
 height:100%;
		box-sizing: border-box;
	}
	*,
	*:before,
	*:after
	{
		box-sizing: inherit;
	}
	body
	{
		font-family: 'Aclonica';
		min-height:100%;
		position:relative;
	}
	/*Specifies the height, background color of header*/
	.navbar
	{
		height:75px;
		background-color:#f1efed;
		border-bottom:0px;
	}
	/*Specifies the height and width of logo in header*/
	.navbar-header a img
	{
		height:200%;
		padding:0;
	}
	/*Speifies the margin from above to logo in header*/
	.navbar-default .navbar_brand_tem2
	{
		padding-top:5%;
	}
	/*Specifies the width of container in header*/
	.navbar_container
	{
		width:95%;
	}
	/*Gives margin to navbar list from top*/
	.navbar-nav
	{
		margin-top:1%;
	}
	/*Specifies the font-size of menubar links*/
	.navbar-default .navbar-nav li a
	{
		font-size:15px;
	}
	/*Gives the color to menubar links on hover*/
	.navbar-default .navbar-nav li a:hover 
	{
		color:#825201;
	}
	/*Gives the color to active menubar link on hover*/
	.navbar-default .navbar-nav>.active>a:hover
	{
		color:#825201;
		background-color:#f1efed;
	}
	.navbar-default .navbar-nav>.active>a
	{
		color:#825201;
		background-color:#f1efed;
	}
	.navbar-default .navbar-nav>li>.active
	{
		color:#825201;
		background-color:#f1efed;
	}
	
	/*Gives the margin from top to header images*/
	#carousel_images
	{
		padding:0;
		margin-top:70px;
	}
	/*Specifies the position of header images*/
	.carousel-inner
	{
		position:relative;
	}
	/*Specifies the height of images in header image in rendering template*/
	
	/*Specifies the width and height of images in header image*/
	.carousel-inner .item img
	{
		width:100%;
		height:400px;
		opacity:0.4;
	}
	/*Give color to the left and right arrow in header image*/
	.glyphicon-chevron-left, .glyphicon-chevron-right
	{
		color:#6A1616;
	}
	/*Specifies the position and other properties of overlay text*/
	.overlay
	{
		position:absolute;
		bottom:0;	
		top:0;
		left:0;
		right:0;
		overflow:hidden;
		width:100%;
		height:100%;
		transition:.5s ease;
	}
	.carousel-indicators li
	{
		color:#6A1616;
		border:1px solid #6A1616;
	}
	.carousel-indicators .active
	{
		background-color:#6A1616;
	}
	/*Specifies the position and other properties to text overlay on image*/
	.text
	{
		color:#6A1616;
		font-weight:bold;
		margin-top:10%;
	}
	/*Gives background color and padding to all sections*/
	.rop_aboutus, .rop_products, .rop_manufacturing
	{
		background-color:white;
		padding-top:4%;
		padding-bottom:4%;
		
	}
	/*Specifies the width and margin of about us section row*/
	.about_row
	{
		width:85%;
		margin-left:8%;
		padding-top:1%;
	}
	/*Specifies the width of column in about us section*/
	.about_col, .about_col1
	{
		width:32.5%;
	}
	/*Specifies the height and width of about us section image
	.about_col1 img
	{
		height:180px;
		width:100%;
	}*/
	.about_col1 img
	{
		height:180px;
		width:75%;
		margin-left:12%;
	}
	/*Specifies the width and margin of second row of about us section
	.about_row1
	{
		width:80%;
		margin-left:10%;
		margin-top:3%;
	}*/
	.about_row1
	{
		width:85%;
		margin-left:8%;
		margin-top:3%;
	}
	/*Specifies the font of heading1 in about us section*/
	.rop_aboutus h1
	{
		font-size:200%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	/*Specifies the font of heading1 in products and manufacturing section*/
	.rop_products h1, .rop_manufacturing h1, .form_heading h3, .order_heading h3
	{
		font-size:200%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:black;
	}
	/*Specifies the padding and other properties of paragraph in products section*/
	.products_inner p, .manufacturing_inner p, .about_col p
	{
		padding-left:5%;
		padding-right:5%;
		padding-top:1%;
		line-height:30px;
		font-size:120%;
	}
	/*Specifies the margin of first image row in products section*/
	.products_row1
	{
		margin-top:4%;
		margin-left:10%;
	}
	/*Specifies the margin of second image row in products section*/
	.products_row2
	{
		margin-left:10%;
	}
	/*Specifies the position and other properties of overlay when hover on products images*/
	.product_overlay, .manu_overlay
	{
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		overflow:hidden;
		background-color:#663300;
		width:100%;
		height:0;
		transition: .7s ease;
	}
	/*Increase the height of overlay from 0 to 100% on hover
	.products_col:hover .product_overlay
	{
		height:100%;
	}*/
	/*Specifies the color and other properties of text overlay on products image on hover*/
	.product_text
	{
		color:white;
		font-weight:bold;
	}
	/*Specifies the color of heading in text overlay*/
	.product_text h3
	{
		color:white;
	}
	/*Specifies the font-size of paragraph in text overlay*/
	.product_text p
	{
		font-size:12px;
	}
	/*Specifies the width and other properties of each column in products section*/
	.products_col
	{
		padding:0;
		width:22%;
		position:relative;
		z-index:1;
		perspective:1000;
	}
	/*Specifies the height and width of image in products section*/
	.products_col img
	{
		width:100%;
		height:200px;
	}
	/*Specifies the properties of button in text overlay*/
	.btn-sm
	{
		background-color:white;
		
		border:2px solid black;
		margin-left:36%;
		margin-right:28%;
		width:30%;
		color:black;
	}
	/*Specifies the properties of button in text overlay when hover on it*/
	.btn-sm:hover
	{
		background-color:black;
		border:2px solid white;
		color:white;
	}
	.rop_manufacturing
	{
		min-height:100%;
	}
	/*Specifies the padding of manufacturing section*/
	.manufacturing_inner
	{
		padding-bottom:0;
	}
	/*Specifies the margin of row in manufacturing section*/
	.manu_row
	{
		margin-top:4%;
		margin-left:8%;
	}
	/*Specifies the width of column in manufacturing section*/
	.manu_col
	{
		width:14.5%;
		margin-left:0.5%;
		padding:0;
	}
	/*Set border of panel in manufacturing section*/
	.panel-default
	{
		border:none;
	}
	/*Set the position of panel in manufacturing section*/
	.panel-body
	{
		padding:0;
		position:relative;
	}
	/*Increase the height of panel from 0 to 100% when hover on it*/
	.panel-body:hover .manu_overlay
	{
		height:100%;
	}
	/*Specifies the properties of text overlayed on image in manufacturing section*/
	.manu_text
	{
		color:white;
		position:absolute;
		overflow:hidden;
		top:0;
		left:0;
		width:100%;
		height:100%;
		transform:translate(-50%;-50%);
	}
	/*Specifies the properties of paragraph in text overlay in manufacturing section*/
	.manu_text p
	{
		font-size:100%;
		height:100%;
		color:white;
		padding-top:4%;
		width:100%;
		line-height:20px;
	}
	/*Specifies the height and width of image in manufacturing section*/
	.panel-body img
	{
		width:100%;
		height:230px;
	}
	/*Specifies the properties of footer of panel in manufacturing section*/
	.panel-footer
	{
		background-color:black;
		border:none;
		border-radius:0;
		padding-top:3px;
		padding-left:0;
		padding-right:0;
		padding-bottom:3px;
	}
	/*Specifies the font of paragraph in footer of panel*/
	.panel-footer p
	{
		font-size:100%;
		padding:0;
		width:100%;
		margin-bottom:0;
		color:white;
	}
	/*Specifies the padding of contact section from bottom*/
	.rop_contact
	{
		padding-top:4%;
		padding-bottom:10%;
		background-color:white;
	}
	/*Set the position of placeholder*/
	.input_placeholder
	{
		position:relative;
	}
	/*Set the display of placeholder when active*/
	.input_placeholder input:focus + .placeholder
	{
		display:none;
	}
	.input_placeholder input[required]:valid + .placeholder
	{
		display:none;
	}
	/*Set the display of placeholder when textarea is active*/
	.input_placeholder textarea:focus + .placeholder
	{
		display:none;
	}
	.input_placeholder textarea[required]:valid + .placeholder
	{
		display:none;
	}
	/*Specifies the position and other properties of placeholder*/
	.placeholder
	{
		position:absolute;
		pointer-events:none;
		top:0;
		bottom:0;
		font-size:15px;
		left:10px;
		padding-top:1%;
		padding-left:1%;
		margin:auto;
		color:black;
	}
	.contact_col1 form select
	{
		font-size:15px;
	}
	/*Set the color of placeholder text*/
	.placeholder span, #type_data select option[value=""] span
	{
		color:red !important;
	}
	/*Set the margin and width of form in contact section*/
	.contact_col1 form
	{
		margin-top:3%;
		width:80%;
		margin-left:10%;
	}
	/*Specifies the margin and border of text field and textarea in contact section*/
	.contact_col1 form input, .contact_col1 form textarea, .contact_col1 form select
	{
		margin-top:3%;
		border:2px solid burlywood;
	}
	.logo3
	{
		font-size:20px;
		margin-top:1%;
		margin-left:1%;
	}
	#captcha
	{
		background-image:url("/img/ROP/tem2_24.jpg");
		height:40px;
		width:32%;
		float:left;
		margin-left:3%;
		padding-top:2%;
		font-weight:bold;
		-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
	}
	#anscaptcha
	{
		margin-left:3%;
		margin-top:1%;
	}
	.captcha_label
	{
		float:left;
	}
	/*Set the height of textarea in form of contact section*/
	.contact_col1 form textarea
	{
		height:150px;
	}
	/*Specifies the properties of heading bar in contact section*/
	.form_heading
	{
		background-color:burlywood;
		height:60px;
		width:80%;
		margin-left:10%;
		clip-path: polygon(50% 0%, 100% 0, 93% 49%, 100% 100%, 50% 100%, 0 100%, 8% 50%, 0 0);
	}
	/*Set the color of label in contact form*/
	form label
	{
		color:black;
	}
	/*Set the color and padding of heading in contact section*/
	.form_heading h3
	{
		color:black;
		padding-top:3%;
	}
	/*Set the color of error text*/
	#nameErr, #emailErr, #msgErr, #captchaErr, #fileErr, #order_typeErr, #orderErr, #typeErr, #contactErr
	{
		color:red;
	}
	#captchaErr
	{
		margin-left:57%;
	}
	/*Specifies the properties of buttn in contact form*/
	.btn-danger
	{
		background-color:burlywood;
		border-color:burlywood;
		color:black;
		height:32px;
		padding:4%;
		float:right;
	}
	/*Specifies the hover properties of button in contact form*/
	.btn-danger:hover
	{
		color:white;
		background-color:burlywood;
		border-color:burlywood;
	}
	/*Set the margin of last captcha row in contact form*/
	.captcha_row
	{
		margin-top:1%;
	}
	.box__input
	{
		border:2px solid burlywood;
		height:50px;
	}
	/*Set the color and margin of second column of contact section*/
	.contact_col2, .order_col2
	{
		color:#c8853f;
		margin-top:6%;
	}
	/*Specifies the properties of phone logo in contact section*/
	.logo1
	{
		font-size:100%;
		margin-right:1%;
	}
	/*Set the margin of heading h4 in second column of contact section*/
	.contact_col2 h4
	{
		margin-left:10%;
		margin-top:4%;
	}
	.contact_col2 h4 span
	{
		display:none;
	}
	/*Set the margin of heading h5 in second column in contact section*/
	.contact_col2 h5
	{
		margin-left:10%;
	}
	.contact_col1
	{
		transition:height 6s;
	}
	.contact_col1.is-active
	{
		height:100%;
	}
	.scene
	{
		width: 100%;
	}
	.card
	{
		 width: 100%;
		position: relative;
		transition: transform 1s;
		transform-style: preserve-3d;
	}
	.flip
	{
		position: absolute;
		width:100%;
		backface-visibility: hidden;
	}
	.form_output, .form_input
	{
		backface-visibility:hidden;
	}
	.form_input
	{
		z-index: 2;
		position: relative;
		transform: rotateY(0deg);
	}
	.form_output
	{
		background-color:white;
		width:80%;
		position: absolute;
		margin-left:10%;
		padding:3%;
		top:0;
		height:80%;
		margin-top:5%;
		border: 3px dashed burlywood;
		transform: rotateY(180deg);
	}
	.card.is-flipped
	{
		transform: rotateY(180deg);
	}
	/*Specifies the properties of footer*/
	footer
	{
		position:absolute;
		right:0;
		bottom:0;
		left:0;
		background-color:#f1efed;
		margin-top:10px;
	}
	/*Set the padding of company logo image and social links image in footer*/
	.footer_image, .footer_list
	{
		padding-right:7%;
	}
	/*Set the width and position of company logo image*/
	.footer_image img
	{
		width:5%;
		float:right;
	}
	/*Specifies the properties of navbar list of social link in footer*/
	.footer_nav
	{
		width:25%;
		float:right;
	}
	/*Set the width of socila link image in footer*/
	.footer_nav>li>a>img
	{
		width:90%;
	}
	/*Set the padding of social link image in footer*/
	.footer_nav>li>a
	{
		padding:12%;
	}
	/*Set the width and position of list items in footer*/
	.footer_nav li
	{
		float:left;
		width:23%;
	}
	/*Specifies the properties of paragraph in footer*/
	.footer_para p
	{
		margin-bottom:0;
		font-size:12px;
	}
	.dropzone
	{
		min-height:70px;
		border:2px dashed burlywood;
		display:none;
		padding-left:3%;
		padding-bottom:1.5%;
	}
	#uploads a
	{
		color:black;
		margin-left:5px;
	}
	#uploads a:hover
	{
		text-decoration:none;
	}
	#uploads input
	{
		display:none;
	}
	.dropzone.dragover
	{
		color:#000;
		border:3px solid burlywood;
	}
	
	.dropzone h4
	{
		font-size:15px;
	}
	#fileInput
	{
		border:none;
		margin-top:0px;
	}
	#file
	{
		display:none;
	}
	.tooltip 
	{
		position: relative;
		display: inline-block;
		opacity:1;
		font-family:'Aclonica';
	}

	.tooltip .tooltip_text
	{
		visibility: hidden;
		width: 300px;
		background-color: white;
		color: black;
		font-family:'Aclonica';
		border:3px solid burlywood;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 25%;
		left: -55%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
	}
	.tooltip .tooltip_text::after
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 15px;
		border-style: solid;
		border-color: burlywood transparent transparent transparent;
	}

	.tooltip:hover .tooltip_text 
	{
		visibility: visible;
		opacity: 1;
	}
	.form-label-top
	{
		display: none;
	}
	.form-line-error 
	{
		background: none transparent;
	}
	.form-error-message, .form-required
	{
		display: none !important;
	}
	.form-validation-error
	{
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}

	.form_output_image
	{
		position:absolute;
		height:0.1px;
		width:100px;
		transition:height 4s;
		margin-left:39%;
	}
	#alert_msg, #order_error_msg
	{
		line-height:30px;
	}
	.form_output_div
	{
		height:120px;
		position:relative;
		margin-top:5%;
	}

	.order_heading
	{
		background-color:burlywood;
		height:60px;
		width:88%;
		margin-left:6%;
	}
	.order_heading h3
	{
		color:black;
		padding-top:1.5%;
	}
	.order_row form
	{
		margin-top:2%;
		width:80%;
		margin-left:10%;
	}
	/*Specifies the margin and border of text field and textarea in contact section*/
	.input_placeholder input, .input_placeholder select
	{
		margin-top:1.5%;
		font-size:15px;
		border:2px solid burlywood;
	}
	#no_placeholder
	{
		padding-top:7px;
		padding-left:7px;
	}
	.order_btn
	{
		background-color:burlywood;
		color:black;
		margin-top:1.5%;
	}
	.order_btn:hover
	{
		color:white;
	}
	.order_table
	{
		border:0.1px solid lightgray;
		width:99%;
		border-collapse:collapse;
	}
	.order_output, #order_error_output
	{
		display:none;
		margin-left:10%;
		color:#c8853f;
		margin-top:5%;
		margin-right:10%;
	}
	.order_table tr th
	{
		padding:1.5%;
		color:black;
		
		white-space: nowrap;
		background-color:burlywood;
		text-align:center;
		width:1px;
		overflow:visible;
		
	}
	.order_table tr td
	{
		padding:1%;
		color:black;
		font-size:12px;
		text-align:center;
		width:1px;
		white-space: nowrap;
		border:0.1px solid lightgray;
	}
	.rop_myorders
	{
		background-color:white;
		padding-bottom:24%;
	}
	#remove_span
	{
		font-size:smaller;
		padding:0.5%;
		float:right;
	}
	input[type=date]::-webkit-datetime-edit 
	{
		color: transparent !important;
	}
	input[type=date]:focus::-webkit-datetime-edit 
	{
		color: black !important;
	}
	input[type=date]:valid::-webkit-datetime-edit 
	{
		color: black !important;
	}
	#start_placeholder, #end_placeholder
	{
		padding-top:7px;
		padding-left:7px;
	}
	.date_row
	{
		margin-top:0.8%;
	}
	#order_table_paginate
	{
		width:10%;
		float:right;
	}
	#order_table_paginate a
	{
		color:black;
		padding:8%;
		cursor:pointer;
	}
	#order_table_paginate a:hover
	{
		color:#c8853f;
		text-decoration:none;
	}
	#order_table_paginate .current
	{
		color:#c8853f;
	}
	.start_date_col
	{
		padding-right:0%;
	}
	.dropzone h4 span
	{
		font-weight:normal;
		color:dimgray;
	}
	#alert_msg span
	{
		color:#4d2800;
	}
	.attach_div
	{
		background-color:	#E8E8E8;
		padding-left:2%;
		margin-top:0.3%;
		margin-right:3%;
	}
	#max_files
	{
		font-size:12px;
		color:gray;
	}
	#upload_link
	{
		color:black;
		font-weight:bold;
	}
	#upload_link:hover
	{
		text-decoration:none;
		color:black;
	}
	.rop_name
	{
		width:30%;
		float:left;
		font-size:25px;
	}
	#shimmer-div
	{
		height:100%;
	}
	.shimmer 
	{
		color:#6A1616;
		display: inline-block;
		background:  #6A1616 -webkit-gradient(linear, left top, right bottom, from(#6A1616), color-stop(0.5, #FF0000), to(#6A1616));
		background-repeat: no-repeat;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-animation-name: shimmer;
		animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-background-size: 4rem 100%; /*50px*/
	}

	@-webkit-keyframes shimmer
	{
		0%
		{
			background-position: top left;
		}
		70%,100%
		{
			background-position: bottom right;
		}
	}
	@media(max-width:320px)
	{
		.product_text h3
		{
			font-size:80% !important;
			
		}
		.manu_text p
		{
			font-size:60% !important;
			line-height:10px;
		}
		.footer_para p
		{
			font-size:60% !important;
		}
		form label
		{
			font-size:80%;
		}
		#order_table tr th
		{
			padding:1% 0.2% !important;
			font-size:8px !important;
		}
		#order_table tr td
		{
			padding:1% 0.2%  !important;
			font-size:6px !important;
		}
	}
	@media(max-width:375px)
	{
		.manu_text p
		{
			line-height:10px;
		}
		.navbar-collapse
		{
			width:50% !important;
		}
		.btn-sm
		{
			padding:2%;
		}
		.products_inner p, .manufacturing_inner p, .rop_aboutus p
		{
			font-size:90%;
		}
		.product_text h3
		{
			margin-top:2px;
			margin-bottom:4px;
		}
		.product_text p
		{
			margin-bottom:4px;
		}
		.products_col, .products_col img
		{
			height:150px;
		}
		.rop_contact
		{
			padding:0;
		}
		.contact_row
		{
			margin-right:0px;
		}
	}
	@media(max-width:410px)
	{
		.overlay h1
		{
			font-size:110%;
		}
		.overlay p
		{
			font-size:80%;
		}
		.text
		{
			margin-top:20% !important;
		}
	}
	@media(max-width:425px)
	{
		.menu_navbar>li>a
		{
			font-size:80% !important;
		}
		.products_col
		{
			width:24%;
			float:left;
			height:100px;
		}
		.product_text h3
		{
			font-size:58% !important;
		}
		.product_text p
		{
			font-size:47% !important;
		}
		.btn-sm
		{
			display:none;
		}
		.products_col img
		{
			height:100% !important;
		}
		.logo
		{
			display:none;
		}
		.manu_text p
		{
			font-size:80%;
		}
		.panel-footer p
		{
			font-size:70%;
		}
		.form-control
		{
			height:25px;
		}
		.contact_col1 form textarea
		{
			height:70px;
		}
		.contact_col1 form input, .contact_col1 form textarea
		{
			margin-top: 1%;
		}
		.contact_col2 h5
		{
			display:none;
		}
		.contact_col2 h4 span
		{
			display:inline-block;
			font-size:10px;
		}
		.contact_col1 form select
		{
			padding: 3px 12px 1px 6px;
		}
		#nameErr, #emailErr, #msgErr, #captchaErr, #fileErr, #order_typeErr, #orderErr, #typeErr, #contactErr
		{
			font-size:9px !important;
		}
		.footer_nav
		{
			width:85% !important;
			margin-right:5%;
		}
		.footer_image
		{
			width:55% !important;
		}
		.footer_image img
		{
			width:12% !important;
		}
		#order_type
		{
			padding-top:2px;
			padding-bottom:0px;
		}
		#no_placeholder, #start_placeholder, #end_placeholder
		{
			padding-top:4px;
		}
		.order_btn
		{
			font-size:85% !important;
		}
		#order_table tr th
		{
			padding:1.2% 0.8%;
			font-size:9px;
			font-weight:normal;
		}
		#order_table tr td
		{
			padding:1.2% 0.8%;
			font-size:7px;
		}
		#order_output h4
		{
			font-size:12px;
			margin-bottom:0px;
			margin-top:4px;
		}
		#order_output h3
		{
			font-size:17px;
			margin-top:8px;
		}
		#order_table_paginate
		{
			margin-right:0px !important;
			width:25% !important;
		}
		#order_table_paginate a
		{
			padding:3%;
			font-size:12px;
		}
		.rop_myorders
		{
			padding-bottom:50%;
		}
		.order_heading h3
		{
			padding-top:2.4%;
		}
		#max_files
		{
			font-size:9px;
		}
		.rop_products, .rop_manufacturing, .rop_contact, .rop_aboutus
		{
		  padding-bottom:10%;
		}
		.footer_para p
		{
			font-size:50% !important; 
		}
	}
	@media(max-width:530px)
	{
		.carousel-control
		{
			display:none;
		}
		.product_text h3
		{
			margin-top:2px;
			margin-bottom:2px;
		}
		.manu_text p
		{
			line-height:11px !important;
		}
		.order_btn
		{
			width:40% !important;
		}
	}
	@media(max-width:766px)
	{
		.navbar-collapse
		{
			width:42%;
			float:right;
		}
		.navbar-header
		{
			position:relative;
		}
		.navbar-default .navbar_brand_tem2
		{
			padding-top:0.5%;
		}
		.navbar-header a img
		{
			height:100% !important;
		}
		.rop_name
		{
			position:absolute;
			top:0;
			margin-top:12px;
			width:60%;
		}
		.navbar-header>a>img
		{
			height:100% !important;
		}
		.navbar-toggle
		{
			margin-top:5px !important;
			padding:5px;
		}
		.navbar-collapse.in
		{
			overflow-y:hidden;
		}
		.navbar
		{
			height:40px;
			min-height:40px;
		}
		#carousel_images
		{
			margin-top:40px !important;
		}
		.contact_col2
		{
			margin-top:2% !important;
		}
		.contact_col2 h4, .contact_col2 h5
		{
			font-size:80% !important;
			margin-top:0.5%;
			margin-bottom:2%;
		}
		.captcha_col
		{
			width:100%;
		}
		#anscaptcha, #captcha
		{
			width:46.5% !important;
		}
		#captcha
		{
			padding-top:1%;
		}
		.btn-lg
		{
			margin-top:2% !important;
			width:100%;
			padding-top:7px;
		}
		.captcha_col
		{
			padding-left:0px !important;
		}
		.footer_nav
		{
			margin:0;
		}
		.start_date_col
		{
			padding-right:15px;
		}
		.date_row
		{
			margin-top:0%;
		}
		#captchaErr
		{
			margin-left:52% !important;
		}
	}
	@media(max-width:768px)
	{
		.navbar-collapse
		{
			background-color:#f1efed;
		}
		.navbar
		{
			height:40px;
			margin-bottom:0px;
		}
		.menu_navbar
		{
			margin-top:0px;
		}
		.navbar_brand_tem2
		{
			padding-right:1%;
		}
		.navbar-header a img
		{
			height:120%;
		}
		.navbar-header
		{
			height:40px !important;
		}
		.rop_name
		{
			font-size:15px !important;
		}
		.navbar-default .navbar-nav li a
		{
			font-size:10px;
			padding-left:10px;
			padding-right:10px;
		}
		.navbar_container
		{
			width:100%;
			margin-left:0;
		}
		.navbar-default .navbar-toggle
		{
			margin-top:3%;
		}
		#carousel_images
		{
			margin-top:50px;
		}
		.carousel-inner .item img
		{
			height:200px !important;
		}
		.rop_carousel_images .carousel-inner .item img
		{
			height:200px !important;
		}
		.overlay h1
		{
			font-size:140%;
		}
		.about_col1
		{
			width:31.5%;
			padding:2%;
			float:left;
		}
		.about_col
		{
			width:100%;
		}
		.about_col1 img
		{
			width:100%;
			margin-left:10%;
		}
		.rop_aboutus
		{
			padding-left:0px;
			padding-right:0px;
		}
		.rop_aboutus h1, .rop_products h1, .rop_manufacturing h1, .order_heading h3
		{
			font-size:130%;
		}
		.about_row
		{
			width:92%;
			margin-left:4%;
		}
		.about_col
		{
			padding:0;
		}
		.about_col1 img
		{
			height:120px;
		}
		.about_col h4
		{
			font-size:100%;
		}
		hr
		{
			margin-top:0;
			margin-bottom:0;
		}
		.products_inner p, .manufacturing_inner p, .rop_aboutus p
		{
			font-size:100%;
			line-height:20px;
			padding-top:1% !important;
		}
		.about_col p
		{
			margin-top:0;
		}
		.products_col img
		{
			height:200px;
		}
		.products_row1, .products_row2
		{
			margin-left:5%;
		}
		.product_text p
		{
			font-size:70%;
		}
		.products_inner p, .manufacturing_inner p, .rop_aboutus p
		{
			padding-left:2%;
			padding-right:2%;
		}
		.products_row1, .products_row2
		{
			margin-left:2%;
		}
		.btn-sm a
		{
			font-size:70%;
		}
		.btn-sm
		{
			padding:5px 3px 5px 3px;
		}
		.products_col
		{
			width:23.5%;
			float:left;
		}
		.manu_text p
		{
			font-size:80%;
			margin-top:0 !important;
		}
		.manu_row
		{
			margin:0;
		}
		.manu_col
		{
			width:32%;
			float:left;
			padding:0;
			height:130px;
			margin-left:1%;
		}
		.panel-body img
		{
			width:100%;
			height:100px;
		}
		.panel-footer
		{
			padding:0;
		}
		.rop_contact
		{
			background-size:100% 100%;
		}
		#uploads a, .glyphicon-paperclip, #remove_span
		{
			font-size:10px;
		}
		
		.form_heading
		{
			width:100%;
			margin-left:0px;
		}
		.contact_col1 form
		{
			margin-left:7.5%;
		}
		.captcha_col
		{
			padding-right:0;
			padding-left:0px;
		}
		.asterisk_input2::after
		{
			margin: -96px 0px 0px 120px;
			padding: 0px 7px 0 0;
		}
		.logo1
		{
			display:none;
		}
		.btn-lg_col
		{
			padding-left:0;
			padding-right:0px;
		}
		.contact_col2
		{
			margin-top:10%;
		}
		.contact_col2 h1
		{
			font-size:150%;
		}
		.contact_col2 h4
		{
			font-size:100%;
		}
		.captcha_row
		{
			width:100%;
			margin-left:0px;
		}
		.btn-lg
		{
			height:28px;
			padding:2%;
			margin-top:0%;
			font-size:98%;
		}
		#anscaptcha
		{
			margin-top:0%;
		}
		.footer_image 
		{
			width:55%;
			float:left;
			padding:0;
		}
		.footer_list 
		{
			width:40%;
			float:left;
			padding:0;
		}
		.footer_image img
		{
			width:8%;
		}
		.footer_nav
		{
			width:40%;
		}
		.footer_para p
		{
			font-size:70%;
		}
		.order_btn
		{
			width:20%;
			margin-top:1.5%;
		}
		.dropzone h4 span
		{
			display:none;
		}
		.form_output_image
		{
			width:70px;
		}
		#alert_msg
		{
			line-height:20px;
			font-size:13px;
		}
		.form_output_div
		{
			height:80px;
		}
		#captchaErr
		{
			margin-left:40%;
		}
		
	}
	@media(max-width:876px)
	{
		.contact_col2 h1
		{
			font-size:140%;
		}
		.contact_col2 h4
		{
			font-size:120%;
		}
		.captcha_label
		{
			display:none;
		}		.contact_col1 form
		{
			width:85%;
		}
	}
	@media(max-width:904px)
	{
		.form_heading h3
		{
			font-size:130%;
		}
		.form_heading
		{
			height:40px;
		}
		.order_heading
		{
			height:40px;
		}
		.order_btn
		{
			height:30px;
			padding:1%;
			font-size:98%;
		}
		.panel-footer p
		{
			text-align:center;
			font-size:75%;
		}
	}
	@media(max-width:1290px)
	{
		
		#captcha, #anscaptcha
		{
			margin-left:0%;
			width:33%;
		}
		.logo3
		{
			font-size:83%;
		}
		.rop_name
		{
			font-size:22px;
		}
	}
	@media(max-width:1024px)
	{
		.product_text h3
		{
			font-size:120%;
		}
		.about_col p
		{
			padding-left:0;
		}
		.rop_aboutus, .rop_products, .rop_manufacturing, .rop_contact
		{
			padding-top:6%;
		}
		.rop_myorders
		{
			padding-top:0%;
		}
		.order_heading
		{
			margin-top:3%;
		}
		.about_col img
		{
			height:280px;
			width:100%;
		}
		.about_row1
		{
			margin-left:4%;
			width:92%;
		}
		.about_col1 img
		{
			width:100%;
		}
		.logo
		{
			display:none;
		}
		.manu_text p
		{
			padding-left:0;
			padding-right:0;
		}
		.contact_col1 form textarea
		{
			height:100px;
		}
		.dropzone
		{
			min-height:50px;
		}
		.dropzone h4
		{
			font-size:15px;
			margin-bottom:0px;
		}
		#captcha
		{
			font-size:85%;
		}
		#captcha
		{
			height:25px;
		}
		#order_table_paginate
		{
			margin-right:2%;
		}
		#nameErr, #emailErr, #msgErr, #captchaErr, #fileErr, #order_typeErr, #orderErr, #typeErr, #contactErr
		{
			font-size:10px;
		}
	}
	@media(max-width:1440px)
	{
		.text
		{
			margin-top:12%;
		}
		.carousel-inner .item img
		{
			height:400px;
		}
		.manu_text p
		{
			line-height:17px;
		}
	}
	@media(max-width:850px)
	{
		#order_table_paginate
		{
			width:19%;
			margin-right:8%;
		}
		
	}