@charset "utf-8";

/* CSS Document */

body {
	margin:0px;
	padding:0px;
}
@font-face {
	font-family:FontAwesome;
	src:url(fonts/FontAwesome.otf);
}
*{
	margin:0px;
	padding:0px;
}
.wrapper{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
}
.container {
	width:85%;
	padding:0px;
	margin:0px auto;
	overflow:hidden;
	border-radius:0px;
}
.container2{
	width:1024px;
	padding:0px;
	margin:0px auto;
	overflow:hidden;
	border-radius:0px;
}

.left{
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

header {
	width:100%;
	position:relative;
}

header .left_header {
	width:25%;
	position:absolute;
	top:5%;
	left:0%;
	z-index:1000;
	padding:10px;
}

header .left_header img {
	margin:0px 0px 0px 10px;
}

header .right_header {
	width:70%;
	margin:15px 0px;
}
.relative{
	position:relative !important;
}
.home_contact{
	list-style:none;
	float:right;
	margin-right:15px;
}
.home_contact li{
	float:left;
	padding:0px 2px;
}
.call_icons{
	margin:0;
	padding:0;
	width:30px;
	height:30px;
	vertical-align:middle;
}
.contact_number{	
	line-height:20px;
	text-align:right;
	margin-right:20px;
}
.menu_div{
	margin:0px auto;
	padding:0px;
	width:100%;
	height:auto;
	position: relative;
	display: block;
}
.container1{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px;
}
.left_menu{
	width: 25%;
	padding:10px 5px;
	margin:-25px 0px 8px 0px;
	position:relative;
}
.right_menu{
	width:70.2%;
}

section{
}
.left_section1{
	width: 23%;
	padding:7px;
	margin:-80px 20px 8px 0px;
	position:relative;
}
.right_section1{
	width:70.1%;
	padding:10px 20px;
}
.welcome_title,
.about_title,
.services_title{
	text-align:left;
	padding:10px 0px;
}
.welcome_content{
	line-height:25px;
	text-align:justify;
}
.first_div{
	width:223px;
	height:auto;
	padding:5px;
}
.side_float1{
	padding:10px 10px;
}
.second_div,
.testimonial{
	width:100%;
	height:auto;
	margin:0px auto;
}
/*end ribbon shape*/
.slider_div{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px;
	border-radius:0px;
}
.main{
	height:auto;
	width:auto;
}
.row_01,
.row_02{
	width:48.5%;
	margin:10px 0px;
	text-align:justify;
}
footer {
	 margin:0px auto;
	 line-height:25px;
}
.footer_div{
	width:1024px;
	margin:0px auto;
	padding:10px 0px;
}
.footer2{
	width:317px;
	height:auto;
	margin:0px 10px;
	padding:2px;
	float:left;
}
.footer2 .footer_heading{
	margin:12px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	line-height:20px;
}
.bottom_footer{
	width:100%;
	margin:0px auto;
	padding:10px 0px;
}
.footer_text, .float_text{
	margin:0px 20px;
}
.about_page_title{
	text-align:left;
	padding:10px 0px;
}
.about_content{
	line-height:25px;
}
.services_pagetitle{
	margin:10px 0px;
}
.services_content{
	line-height:25px;
}
.product_page_title{
	margin:10px 0px;
}
.one{
	margin:10px 0px;
	border:1px solid #eee;
	padding:10px;
	border-radius:3px;
}
.one .pro_name{
	padding:10px 0px;
}
.one .pro_image{
	width:200px;
	height:200px;
	margin:0px 5px 0px 0px;
	float:left;
}
.gallery_page{
	margin:15px 0px;
}
#gallery{
	width:100%;
}
#gallery ul{
	list-style:none;
}
#gallery ul li{
	float:left;
	width:30.839%;
	margin:10px 10px 0px 10px;
}
#gallery ul li img{
	width:100%;
	height:auto;
}
.contact{
	width:99%;
	border:1px groove #999;
	padding:5px;
	border-radius:3px;
}
.map{
	width:99%;
	border:1px groove #999;
    padding:5px;
	border-radius:3px;
	margin:10px 0px;
}
.pro_title1{
	margin:15px 0px;
	text-align:left;
}
.pro_image1{
	float:left;
	width:150px;
	height:150px;
	margin:5px 10px 0px 0px;
	border-radius:3px;
}
.res_menu{	
   position:relative;
   padding:5px;
   cursor:pointer;
   display:none;
}

.social_links ul{
	list-style:none;
}
.social_links ul li{
	float:left;
	margin:0px 1px;
}
.social_links ul li a img{
	width:25px;
	height:25px;
}

@media only screen and ( min-width: 1301px) and ( max-width: 1349px ) {
.right_section1{
   width: 69.5% !important;
}
#gallery ul li{
	width:30.7599%;
}
}
@media only screen and ( min-width: 1025px) and ( max-width: 1300px ) {
.right_section1{
   width: 67.799% !important;
}
.vticker{
    width:100% !important;
}
#gallery ul li{
	width: 29.799%;
}
}
@media only screen and ( min-width: 981px) and ( max-width: 1024px ) {
	header .left_header img{
		width:100% !important;
	}
	.container{
		width:85%;
	}
	.right_section1{
		width:67%;
	}
	.vticker{
		width:100% !important;
	}
	#gallery ul li{
		width:29.799%;
	}
}
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	.container{
		width:85%;
	}
	header .left_header img{
		width:100% !important;
	}
	 .slider_div1{
		display:block;
	}
	#menu_01 ul ul{
		display:none;
	}
	#menu_01 ul li:hover>ul{
		display:block !important;
	}
	.second_div{
		width:100% !important;
	}
	.vticker{
		width:100% !important;
	}
	.right_section1{
		width:64.599%;
	}
	#gallery ul li{
		width:45%;
	}
	
}
@media only screen and ( min-width: 480px) and ( max-width: 767px) {
	body{
		margin:0px;
		padding:0px;
	}
	.container{
		width:100%;
	}
	header{
		width:100%;
	}
	header .left_header{
		width:96%;
		float:none !important;
		position:static !important;
	}
	header .left_header img{
		width:40% !important;
	}
	header .right_header{
		width:96%;
		float:none !important;
	}
   .slider_div1{
		display:none;
	}
	.left_section1{
		width:97%;
		float:none !important;
		margin:0px 0px 0px 8px !important;
	}
	.vticker{
		width:100% !important;
	}
	.first_div{
		width:90%;
		float:none !important;
	}
	.second_div{
		width:90%;
		float:none !important;
	}
	.right_section1{
		width:90%;
		float:none !important;
	}
	.bottom_footer{
		width:100%;
	}
	.float_text{
		float:none !important;
	}
	.footer_text{
		float:none !important;
	}
	.enquiry{
		display:none;
	}
	.menu_div{
		height:auto;
		width:100% !important;
		margin:0px;
	}
	#cssmenu1 ul li a{
		width:90% !important;
	}
	#menu_01 > ul > li{
		float:none !important;
	}
	.right_menu,
	.left_menu{
		width:99% !important;
	}
	#menu_01 ul ul,
	#menu_01 ul ul ul{
		position:static !important;
		width:100% !important;
	}
	#cssmenu1 ul li a, #menu_01 ul li a{
		text-align:center !important;
		border-right:none !important;
		text-transform:capitalize !important;
	}
	.one{
		width:89.7% !important;
	}
	.one .pro_image{
		width:100% !important;
	}
	#gallery ul li{
		width:45% !important;
	}
	   .contact{
		width:96% !important;
		float:none !important;
	}
	.map{
		display:none;
	}
	.enquiry_details{
    	display:block;
	   width:100% !important;
    }
	
}
@media only screen and ( min-width: 240px) and ( max-width: 479px ) {
	body{
		margin:0px;
		padding:0px;
	}
	.container{
		width:100%;
	}
	header{
		width:100%;
	}
	header .left_header{
		width:95%;
		float:none !important;
		position:static !important;
	}
	header .left_header img{
		width:90% !important;
	}
	header .right_header{
		width:95%;
		float:none !important;
	}
   .slider_div1{
		display:none;
	}
	.left_section1{
		width:97%;
		float:none !important;
		margin:0px 0px 0px 1px !important;
	}
	.first_div{
		width:90%;
		float:none !important;
	}
	.second_div{
		width:90%;
		float:none !important;
	}
	.right_section1{
		width:85%;
		float:none !important;
	}
	.bottom_footer{
		width:100%;
	}
	.float_text{
		float:none !important;
	}
	.footer_text{
		float:none !important;
	}
	.menu_div{
		height:auto;
		width:100% !important;
		margin:0px;
	}
	#cssmenu1 ul li a{
		width:90% !important;
	}
	#menu_01 > ul > li{
		float:none !important;
	}
	.right_menu,
	.left_menu{
		width:99% !important;
	}
	#menu_01 ul ul,
	#menu_01 ul ul ul{
		position:static !important;
		width:100% !important;
	}
	#cssmenu1 ul li a, #menu_01 ul li a{
		text-align:center !important;
		border-right:none !important;
		text-transform:capitalize !important;
	}
	.enq_div{
		width:97% !important;
	}
	.row_01, .row_02{
		width:100%  !important;
		}
	.one{
		width:89.7% !important;
	}
	.one .pro_image{
		width:100% !important;
	}
	#gallery ul li{
		width:90% !important;
	}
	   .contact{
		width:96% !important;
		float:none !important;
	}
	.map{
		display:none;
	}
	.enquiry_details{
    	display:block;
	   width:100% !important;
    }
	
}
@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
}