@font-face {font-family:altehaas; src: url(font/JosefinSans-Regular.ttf);} 
@font-face {font-family:altehaasbold; src: url(font/JosefinSans-Bold.ttf);}  
@font-face {font-family:florsn; src: url(font/TypoGroteskDemo.otf);}  
@font-face {font-family: raleway_medium; src: url(font/Raleway-Medium.ttf);}

body{background:#fff; font-family:altehaas; }
.clear{clear:both;}
.header{width:100%; float:left;  position:absolute; z-index:10;}
.headernewtype{width:100%; float:left;  position:absolute; z-index:10;}
.logo{margin-left:3%; position:absolute; margin-top:15px;}
.logokjkjk{margin-left:3%; position:absolute; margin-top:15px;}
.logokjkjk img{ width:100%;}
.home_container{width:100%; bottom:0px; float:left;  position:absolute; z-index:+99999; }
.home_maincontaincer{width:95%; margin:0px auto;}
.home_main{width:100%;  background:url(../images/bg.jpg) center top; padding:25px 0px; float:left;}
.home_one{width:40%; float:left;}
.home_main h1{font-family:altehaasbold; color:#000;   text-shadow: 0px 1px 0px; font-size:18px; margin:0; padding:0; text-transform:uppercase;}
.home_main p{ font-size:13px; line-height:20px; font-family:florsn; color:#333;  margin:20px 0px 0px 0px; font-weight:500; }
.home_main p b{font-family:arial;}
.home_two{width:25%; float:left; margin-left:45px;}
.granites{width:100%; float:left; margin-top:13px;}
.oneof_grante{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante a{background:url(../images/1.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante a:hover{background:url(../images/hover.png) center;}
.oneof_grante2{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante2 a{background:url(../images/2.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante2 a:hover{background:url(../images/hover.png) center;}
.oneof_grante3{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante3 a{background:url(../images/3.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante3 a:hover{background:url(../images/hover.png) center;}
.oneof_grante4{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante4 a{background:url(../images/4.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante4 a:hover{background:url(../images/hover.png) center;}
.oneof_grante5{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante5 a{background:url(../images/5.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante5 a:hover{background:url(../images/hover.png) center;}
.oneof_grante6{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante6 a{background:url(../images/6.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante6 a:hover{background:url(../images/hover.png) center;}
.oneof_grante7{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante7 a{background:url(../images/7.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante7 a:hover{background:url(../images/hover.png) center;}
.oneof_grante8{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante8 a{background:url(../images/8.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante8 a:hover{background:url(../images/hover.png) center;}
.oneof_grante9{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante9 a{background:url(../images/9.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante9 a:hover{background:url(../images/hover.png) center;}
.oneof_grante10{width:19%; margin-right:1.1%; float:left; margin-bottom:10px;}
.oneof_grante10 a{background:url(../images/10.jpg) center top; width:100%; float:left; height:50px;}
.oneof_grante10 a:hover{background:url(../images/hover.png) center;}
.onegr{margin-right:0;}
.home_three{width:28%; float:right;}
.home_three img{margin-top:16px;}
.menu{width:100%; float:left; background:#333333;}
.mobile_container{width:100%; position:absolute; float:left; background:url(../images/slide/mobile_bg.jpg) center top no-repeat; background-size:100%; min-height:200px; display:none;}
.aboutlogo{margin-top:35px;}
.about_slider{width:100%; float:left; background:url(../images/about_us.jpg) center no-repeat; background-size:100%;min-height:400px;}

.projects_slider{width:100%; float:left; background:url(../images/our-projects.jpg) center no-repeat; background-size:100%;min-height:400px;}

.products_slider{width:100%; float:left; background:url(../images/product-bg.jpg) center no-repeat; background-size:100%;min-height:400px;}
.about_content{width:100%; float:left; margin-top:15px;}
.about_container{width:93%; margin:0px auto;}
.left_about{width:70%; float:left;}
.right_about{width:25%; float:right; margin-top:10px;}
.left_about h1{font-weight:normal; font-size:20px; color:#462f1a; text-transform:uppercase;}
.left_about p{font-weight:normal; font-family: raleway_medium;  font-size:14px; text-align:justify; line-height:2em; margin-top:15px; color:#818181; } 
.left_about p b{font-family:arial;}
.heade_rightabout{width:100%; float:left; background:#fe2126; color:#FFFFFF;}
.heade_rightabout h2{font-weight:normal; padding:5px 15px; font-size:18px;}
.main_list{width:100%; float:left;}
.main_list ul{list-style:circle; width:100%; list-style-position:inside; float:left; margin-left:0px;}
.main_list ul li{padding:9px 18px;  border-bottom:1px dashed #bbb;}
.main_list ul li a{color:#333333;text-decoration:none; font-size:13px;}
.heading_borromcontact{width:100%; float:left; background:#979797; margin-top:15px; color:#FFFFFF;}
.heading_borromcontact h2{font-weight:normal; padding:5px 15px; font-size:18px;}
.bottom_main_list{width:100%; float:left;}
.bottom_main_list ul{list-style:none; width:100%; list-style-position:inside; float:left; margin-left:0px;}
.bottom_main_list ul li{padding:9px 18px;  border-bottom:1px dashed #bbb;}
.bottom_main_list ul li a{color:#333333;text-decoration:none; font-size:13px;}
.rightico{margin-right:10px;}
.footer{width:100%; float:left; background:url(../images/footerbg.png) center top; margin-top:30px; min-height:70px; border-top-left-radius:90px; border-top-right-radius:90px;}
.left_footer{width:35%; float:left;  margin-top:45px;}
.center_footer{width:30%; float:left; margin-top:45px;}
.right_footer{width:35%; float:right; margin-top:45px;}
.right_footer p{float:right;}
.center_footer p{text-align:center;}
.center_footer p a{color:#999999;}
.center_footer p a:hover{color:#fff;}
.footer p{ font-family: font-family: raleway_medium; color:#fff; font-size:11px; margin:0; padding:0;}
.right_footer a{color:#fff; text-decoration:none;}
.right_footer a:hover{color:#fff;}


/* projects page start */

#projects_main {
    width: 100%;
   margin-top:3%;
    text-align: left;
    float: left;
    margin-right: 15px;
}


/* projects page end */

/* products page start */

#product_width_100{width:100%; float:left; margin-bottom:4%; }

#number {
    width: 100%;
    float: left;
    margin: 20px 0px 20px 33px;
}

.about_container h1 {
    font-weight: normal;
    font-size: 20px;
	border-bottom:1px solid #ddd;
	line-height:2em;
    color: #462f1a;
    text-transform: uppercase;
}

.pagging {
    margin: 0 0 0px;
    padding: 0;
}

.pagging ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagging ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

.pagging ul li a {
    font-family: 'MontserratRegular',sans-serif;
    font-size: 12px;
    float: left;
    display: block;
    color: #333;
    text-decoration: none;
    margin-right: 5px;
    padding: 5px 10px;
    background-color: #ddd;
    border: 1px solid #ccc;
}

.pagging ul li a:hover, .pagging li .click
{ 
	background: #666; 
	border: 1px solid #666; 
	color: #fff;  
}

/* products page end */

/* contact css start */

.contact_left{width:35%; padding:2%; float:left;}
.contact_left p{font-family: raleway_medium; font-weight:normal; color:#828282; line-height:2em;}
.contact_right{width:63%; float:left; padding:2%; margin-left:2%;}
.contact_right p{color:#444; text-shadow:1px 0px 1px; line-height:4em; font-size: 12px;}
.fa {font-size:2em; margin-right:2%; line-height:2em; font-weight:normal;}
#width_60{width:60%; float:left;}
#width_45{float:right; margin-bottom:1%; margin-top:-3%;}
#contact-form{width:98%; float:left; margin-top:5%; font-size:13px; color:#818181; line-height:2em;}
#contact-form input {padding:1%;}
.contactthree {
    width: 100%;
    float: left;
}
/* cotnact css end */


@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px) {

.products_slider{width:100%; float:left; background:url(../images/product-bg.jpg) center no-repeat; background-size:100%;min-height:150px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.mobile_container{position:inherit;display:inherit; ; min-height:300px; float:left;}
.home_container{position:inherit;}
.header{display:none;}
.mobile_container .logo img{width:80%;}
.home_one{width:100%; float:left;}
.home_two{width:100%; float:left;  margin-top:30px; margin-left:0;}
.home_three{width:100%; float:left; margin-top:30px; display:none;}
.left_about{width:100%; float:left;}
.right_about{width:100%; float:right; margin-top:10px;}
.about_slider{width:100%; float:left; background:url(../images/about_us.jpg) center no-repeat; background-size:100%; min-height:190px;}
.logokjkjk img{width:80%;}
}

@media (max-width: 767px) {
.mobile_container{position:inherit;display:inherit; float:left;}
.home_container{position:inherit;}
.header{display:none;}
.mobile_container .logo img{width:80%;}
.home_one{width:100%; float:left;}
.home_two{width:100%; float:left;  margin-top:30px; margin-left:0;}
.home_three{width:100%; float:left; margin-top:30px; display:none;}
.footer{width:100%; float:left; background:url(../images/footerbg.png) center top #333333;; min-height:70px; border-top-left-radius:90px; border-top-right-radius:90px;}
.left_footer{width:100%; float:left; margin-top:10px; text-align:center;}
.center_footer{width:100%; float:left; margin-top:10px;}
.right_footer{width:100%; float:left; margin-bottom:5px; margin-top:10px;}
.right_footer p{width:100%; float:left; margin-top:0px; text-align:center;}
.left_footer p b{display:none;}
.right_footer p b{display:none;}
.left_about{width:100%; float:left;}
.right_about{width:100%; float:right; margin-top:40px;}
.about_slider{width:100%; float:left; background:url(../images/about_us.jpg) center no-repeat; background-size:100%; min-height:120px;}
.projects_slider{width:100%; float:left; background:url(../images/our-projects.jpg) center no-repeat; background-size:100%;min-height:120px;}
.products_slider{width:100%; float:left; background:url(../images/product-bg.jpg) center no-repeat; background-size:100%;min-height:120px;}

.logokjkjk img{width:80%;}
.contact_left {
    float: left;
    padding: 0%;
    width: 100%;
}

.contact_right {
    float: left;
    margin-left: 0;
    padding: 2%;
    width: 198%;
}

}

@media (max-width: 480px) {
.mobile_container{position:inherit;display:inherit; float:left;}
.home_container{position:inherit;}
.header{display:none;}
.mobile_container .logo img{width:80%;}
.home_one{width:100%; float:left;}
.home_two{width:100%; float:left;  margin-top:30px; margin-left:0;}
.home_three{width:100%; float:left; margin-top:30px;}
.footer{width:100%; float:left; background:url(../images/footerbg.png) center top #333333;; min-height:70px; border-top-left-radius:90px; border-top-right-radius:90px;}
.left_footer{width:100%; float:left; margin-top:10px; text-align:center;}
.center_footer{width:100%; float:left; margin-top:10px;}
.right_footer{width:100%; float:left; margin-bottom:5px; margin-top:10px;}
.right_footer p{width:100%; float:left; margin-top:0px; text-align:center;}
.left_footer p b{display:none;}
.right_footer p b{display:none;}
.left_about{width:100%; float:left;}
.right_about{width:100%; float:right; margin-top:10px;}
.about_slider{width:100%; float:left; background:url(../images/about_us.jpg) center no-repeat; background-size:100%; min-height:120px;}
.projects_slider{width:100%; float:left; background:url(../images/our-projects.jpg) center no-repeat; background-size:100%;min-height:120px;}
.products_slider{width:100%; float:left; background:url(../images/product-bg.jpg) center no-repeat; background-size:100%;min-height:120px;}
.logokjkjk img{width:80%;}
#product_width_100{width:100%; float:left; margin-bottom:0%; }

.contact_left {
    float: left;
    padding: 0%;
    width: 100%;
}

.contact_right {
    float: left;
    margin-left: 0;
    padding: 2%;
    width: 98%;
}


	.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
	font-size:1em;
}
   

}