@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html {
  
    font-size: 1em;
    line-height: 1.4;
}
body{
	overflow-X:hidden;}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #3399FF;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Comcube Styles ==================================================
  
   ========================================================================== */

body {
    font-family: 'Raleway', Arial, sans-serif;
    margin: 0;
    background-color: #E6E6E6;
}
.call
{
	width:100%;
	max-width:188px;
	height:auto;
	position:fixed;
	top:110px;
	right:10px;
	z-index:9;
}
.down
{
	width:100%;
	max-width:188px;
	height:auto;
	position:fixed;
	top:280px;
	right:10px;
	z-index:9;
}
section#head
{
	width:100%;
	position:fixed;
	height:200px;
	z-index:9;
}
.wrapper {
    width: 90%;
    margin: 0 5%;
}
.header_conatainer
{
    min-height:75px;
	height:auto;
	position:fixed;
	width:100%;
	z-index:7;
	background-color:#FFF;
/*	box-shadow:#333 1px 8px 20px;
*/}

section#banner
{
	height:auto;
	background-color:#E77844;
}
.banner
{
	width:100%;
	height:auto;
	position:absolute;
	top:150px;
	z-index:9;
}
.caption
{
	width:30%;
	background-color:#e75d1c;
	height:60px;
	padding:10px 0px;
	margin:0px auto;
	opacity: .9;
    filter: alpha(opacity=80);
}
.caption h2
{
	font-size:36px;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:lighter;
	margin:0;
	padding:0;
}
.caption_iso
{
	width: 30%;
  background-color: #fff;
  height: auto;
  padding: 5px 0px;
  margin: 0px auto;
  
  text-align: center;
    filter: alpha(opacity=80);
}
.caption_iso img
{
	width:25%;
	max-width:185px;
}
.support
{
	width:100%;
	height:auto;
	padding:0px 0px;
	margin:0px auto;
}
.support h2
{
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	font-family:"Open Sans";
	text-transform:uppercase;
	float:left;
	font-weight:lighter;
	margin:0;
	padding:12px;
}
.support span
{
	font-size:26px;
	color:#FFF;
	display:inline;
	text-align:center;
	font-family:"Open Sans";
	text-transform:uppercase;
	font-weight:lighter;
	margin:0;
}
.content{
	float:left;
	margin-left:10px;
	width:200px;
	text-align:center;
	}
.content h3{
	color:#FF3300 !important;
	border:none !important;}
.content p{
	margin-top: 416px;
    text-align: left;
}
section#about
{
	min-height:670px;
	height:auto;
	background:url(../images/about_bg.jpg);
	background-color:#999;
}
.content_wrapper
{
	width:90%;
	height:auto;
	margin:0px auto;
}
.customer_wrapper
{
	width:90%;
	height:auto;
	margin:0px auto;
}
.customer_wrapper h3
{
	font-size:50px;
	color:#F90;
	text-align:center;
	margin:0;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	font-family: 'Raleway', Arial, sans-serif;
	line-height:80px;
	padding-right:50px;
}
#advant h4{
	color:#FF5506;}
.customer_wrapper h3 span
{
	font-size:80px;
	color:#F00;
	text-align:center;
	margin:0;
	font-weight:bold;
	padding:10px;
	font-family:"Open Sans";	
	line-height:80px;
	padding-right:50px;
}

.about_content
{
	width:100%;
	height:auto;
}
.about_content figure.bldg img
{
	width:100%;
	float:right;
}
#founder
{
	width:auto;
	float:left;
	margin-bottom:5px;
}
#founder p
{
	font-size:16px;
	color:#F30;
	text-align:center;
	text-transform:uppercase;
	font-weight:lighter;
	margin:0;
	font-weight:bold;
	padding:10px;
}
#founder p span
{
	font-size:16px;
	color:#5e5652;
	display:block;
	text-transform:none;
	font-weight:normal;
}


 img.founder
{
	width:150px;
	float:left;
	border:#FFF 2px solid;
	margin:15px 10px 5px 8px;
}
.about_content figure
{
	width:38%;
	height:auto;
	float:right;
}
.about_content h2
{
	font-size:43px;
	color:#d76d1e;
	text-align:left;
	margin:0;
	font-weight:bold;
	padding:10px;
	padding-top:30px;
}
.about_content p
{
	font-size:15px;
	color:#333;
	text-align:justify;
	font-weight:lighter;
	font-family:"Open Sans";	
	margin:0;
	padding:10px;
}
.directors {
    width: 100%;
    height: auto;
    margin: 20px auto;
    max-width: 815px;
}
.chairman{
	background-color:#455B74 !important;
	font-weight:800 !important;
	margin-top:5px;
	color:#fff !important;}
.directors p
{
	font-size:15px;
	color:#5e5652;
	text-align:left;
	font-family:"Open Sans";	
	font-weight:lighter;
	margin:0;
	padding:0px 10px 10px 10px;
}

.directors_content {
       width: 100%;
    height: auto;
    max-width: 159px;
    margin: 2px;
    float: left;
    background-color: #FFF;
}
.directors_content figure
{
	float:left;
	margin:0;
}
.directors_content figure img
{
	float:left;
	min-width:159px;
	width:100%;
	padding-bottom:5px;
}
.directors_content figcaption {
    font-size: 13px;
    color: #252525;
    text-align: center;
    margin: 0;
    padding: 10px;
	font-family: 'Signika', sans-serif;
}
.directors_content figcaption span {
    color: #FF2F00;
    display: block;
}
section#vision_mision {
    background-color: #E77844;
    border-bottom: solid 2px #ccc;
}
.aboutus_divisions
{
	width:100%;
	height:auto;
	margin:0px auto;
	
}
.about_div {
    width: 33.2%;
    height: auto;
    float: left;
    border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
    
}

.con-head{
	text-align:center;
}

.about_div2 {
    width: 33.2%;
    height: auto;
    float: left;
    border-right: solid 1px #ccc;
}
.about_div1 {
    width: 33.2%;
    height: auto;
    float: left;
    border-left: solid 1px #ccc;
}

.product-link{
	color:#000 !important;
}
.product-link:hover{
	color:red !important;
}

.product-image-wrapper{
	overflow: hidden;
	
}
.single-products {
  position: relative;
}
.productinfo
{
	padding:20px 0px;}
.productinfo h2 {
    color: #f5f5f5;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    padding: 0px 0px;
    /* margin: 0; */
    margin-top: 10px;
}
.product-overlay h2 {
    color: #FFE203;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding-top: 25px;
}
.productinfo p{
  font-size: 14px;
  font-weight: 400;
  color: #FFF;
  text-align:center;
}
.productinfo img{
  width: 96%;
  height:80%;
  margin:0px auto;
    border-radius:50%;

}
.productinfo .center {
    width: 51px;
    margin: 0px auto;
    border-radius: 50%;
}
.productinfo {
    position: relative;
    height: 100px;
    margin: 0px auto;
}
.product-overlay {
    background: #D8652F;
    bottom: 0;
    display: none;
    height: 0;
    position: absolute;
    transition: height 500ms ease 0s;
    width: 100%;
    display: block;
    opacity: ;
    cursor: pointer;
    line-height: 25px;
}
.single-products:hover .product-overlay {
  display:block;
  height:100%;
}
.product-overlay .overlay-content {
  top: 0;
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
}
.product-overlay .overlay-content img
{
	width:50%;
	margin-top:80px;
}
.product-overlay p{
  font-size: 14px;
  font-weight: 400;
  color: #FFF;
  padding:0px 5px;
}
.product-overlay a.more {
    color: #000;
    font-family: "Oswald",sans-serif;
    font-size:18px;
	font-weight:400;
	text-align:center;
	text-decoration:none;
    padding:8px 20px 8px 20px;
	background-color:#f8f52f;
	border-radius:5px;
}
.product-overlay a.more:hover {
    color:#e3002b;
}






section#number
{
	height:auto;
	background-color:#F90;
	padding:0px 0px;
}
section#products
{
	height:auto;
	/*padding:5px 0px;*/
	text-align:center;
	background-color:#FFFFFF;
}
section#products02
{
	height:auto;
	padding:0px 0px;
	text-align:center;
	background-color:#FFFFFF;
}
section#products03
{
	height:auto;
	text-align:center;
	margin-top:-5px;
	background:url(../images/product_04.jpg);
}
.products_wrap
{
	width:100%;
	height:auto;
	margin:0px auto;
}
.cemet_products
{
	width:33.2%;
	background:url(../images/ct.jpg);
	height:auto;
	float:left;
	max-height:210px;
	padding:1% 0% 5% 0%;
	}
.clay_products
{
	width:33.4%;
	background:url(../images/cl.jpg);
	height:auto;
	float:left;
	max-height:210px;
	padding:1% 0% 5% 0%;
}
.weather_products
{
	width:33.4%;
	background:url(../images/product_04.jpg);
	height:auto;
	float:left;
	max-height:210px;
	padding:1% 0% 5% 0%;
}
.construction_chemicals
{
	width:33.3333%;
	background:url(../images/red-bg.jpg);
	height:auto;
	float:left;
	max-height:210px;
	padding:1% 0% 5% 0%;
}
.building_blocks
{
	width:33.3333%;
	background:url(../images/chem.jpg);
	height:auto;
	float:left;
	max-height:210px;
	padding:1% 0% 5% 0%;
}
.products_type04
{
	width:33.3333%;
	height:auto;
	float:left;
	background:url(../images/jag.jpg);
	
	max-height:210px;
	padding:1% 0% 5% 0%;
}
.home-gallery {
    width: 60%;
    float: left;
    margin-left: 10px;
    padding: 15px;
    max-width: 518px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.home-video {
    width: 40%;
    float: left;
    padding: 15px;
    max-width: 485px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#photo{
	padding:10px 0px 0 0;
	background-color: #103f5a;
}
.photo-head{
	text-align:center;
	margin:0;
	padding:0;
	padding-bottom:7px;
	color:#E75D1C !important;}
	
.photo-one{
	width:30%;
	float:left;
	margin:8px 8px;
}
.photo-two{
	width:100%;
	width:100%;
	float:left;
	margin:8px 8px;
}
.pic_1{
	/**width:30% !important;**/
margin-bottom:0px;
}
	
.size1 {
    width: 100%;
    max-width: 157px;
    float: left;
    margin-left: 0px;
    /* max-height: 265px; */
    min-height: 175px;
    border: solid 1px #E75D1C;
    padding: 3px;
}
.ved {
    border: solid 1px #E75D1C;
    padding: 3px;
    float: left;
    margin-left: 10px;
    max-width: 466px;
    width: 100%;
}
.view1{
	text-align:center;
	margin-top:10px;
	margin-left:23px !important;}
.view1 a{
	padding:7px 20px;
	color:#E75D1C;
	background-color:#103f5a;
	border:solid 1px #E75D1C;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	font-size:14px;}

.view1 a:hover{
	background-color:#fff;
	color:#E75D1C;}
.view{
	text-align:center;
	margin:10px 0px;}
.view a{
	padding:7px 20px;
	color:#E75D1C;
	background-color:#103f5a;
	border:solid 1px #E75D1C;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;}

.view a:hover{
	background-color:#E75D1C;
	color:#fff;}
.size1:hover{
	opacity:.8;
	cursor:pointer;
	border:solid 1px #3EABF9}
section#advantage
{
	padding-bottom:35px;
	height:auto;
	background:url(../images/w2.jpg);
}
section#white
{
	padding-bottom:35px;
	height:auto;
	background:url(../images/sn1.jpg);
}
.advantage
{
	width:70%;
	height:auto;
	float:left;
	padding:18px;
	/**margin-top:70px;**/
}
.gallery
{
	width:25%;
	height:auto;
	float:left;
	margin-top:80px;
	background-color:rgba(255, 255, 255, 0.87);
}
.gallery02
{
	background-color:rgba(255, 102, 0, 0.75);
}
.gallery img
{
	width:30.5%;
	float:left;
	margin:1% 1%;
	border:#CCCCCC 1px solid;
}
.advantage h2
{
	font-size:72px;
	color:#FFF;
	text-align:left;
	margin:0;
	font-weight:bolder;
	line-height:72px;
	/**margin-top:50px;**/
	padding:10px;
}
.advantage h2.color_head
{
	color:#333;
}
.advantage p.color_head
{
	color:#333;
}
.advantage h2.color
{
	color:#f9a130;
}
.advantage p
{
	font-size:18px;
	color:#FFF;
	text-align:left;
	margin:0;
	margin-top:10px;
	padding:10px;
}
.advantage a
{
	font-size:18px;
	background-color:#ef8702;
	border-radius:5px;
	color:#FFF;
	float:right;
	text-decoration:none;
	text-transform:uppercase;
	transition:all 0.5s ease;
	text-align:center;
	margin-top:-10px;
	margin-right:40px;
	padding:15px 35px;
}
.advantage a:hover
{
	background-color:#FFFFFF;
}
.gallery_link
{
	width:51%;
	margin:0px auto;
}
.gallery h2 a
{
	font-size:13px;
	color:#f9a130;
	text-align:left;
	text-align:center;
	text-decoration:none;
	transition:all 0.5s ease;
	margin:0;
	font-weight:bolder;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:25px;
	padding:10px 10px;
	float:right;
	display:block;
	background-color:#ef8702;
	border:#FFFFFF 1px solid;
	border-radius:5px;

}
.gallery h2 a span
{
	font-size:42px;
	display:block;
}
.gallery h2 a.color
{
	color:#FFF;
}

.gallery h2 a:hover
{
	color:#000;
}
section#milestone {
    padding: 35px 0px;
    height: auto;
    background-color:rgb(252, 234, 193);
}
section#milestone h2
{
	font-size:42px;
	color:#8f100e;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	font-weight:bolder;
	line-height:72px;
	padding-top:5px;
	border-bottom:#8f100e 1px dashed;
	margin-bottom:20px;
}
.logos1
{
	width:36%;
	float:left;
}
.logos1 img
{
	width:30%;
	background-color:#FFFFFF;
	margin:0.5%;
}
.logos1 h3
{
	font-size:32px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:10px;
}
.testreport
{
	width:63%;
	float:left;
}
.testreport img
{
	width:30%;
	background-color:#FFFFFF;
	margin:0.5%;
}
.testreport h3 {
    font-size: 22px;
    color: #e2500c;
    text-align: center; 
    text-transform: uppercase;
    margin: 0;
    padding: 2px 12;
}
.testreport p
{
	font-size:16px;
	color:#000;
	font-weight: 500;
	text-align:center;
	line-height:26px;
	margin:0;
	padding:10px;
}
.testreport p span
{
	font-size:16px;
	color:#10773f;
	text-align:left;
	margin:0;
	padding:10px;
	font-weight: bold;
}


.direction-one{
	text-align:center !important;
}
.direction-one a{
	background-color:#e75d1c !important;
	width:inherit !important;
	padding:7px 15px !important;
	border:solid 2px #e75d1c !important;
	color:#fff !important;
	float:none !important;
	margin-left:0px !important;
	font-size:15px !important;
	font-weight:600 !important;
	border-radius:5px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	 
}
.direction-one a:hover{
	background-color:transparent !important;
	
}


section#group
{
	height:auto;
	background-color:#04b5ef;
}
section#group h2
{
	font-size:42px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	font-weight:bolder;
	line-height:72px;
	border-bottom:#FFFFFF 1px dashed;
	margin-top:20px;
}
section#group h4
{
	font-size:28px;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
	margin:0;
	padding-left:1.8%;
	border-top:#FFFFFF 1px dotted;
	padding-top:20px;
}

.group_left {
    width: 31%;
    height: auto;
    float: left;
    margin: 1%;
    border: #22c7fd 2px solid;
    min-height: 250px;
}
.group_details_home
{
	width:23%;
	height:auto;
	float:left;
}
.group_details_home h3
{
	font-size:20px;
	color:#FFF;
	text-align:center;
	font-weight:lighter;
	margin:0;
	padding-top:10px;
}
.group_details_home p
{
	font-size:14px;
	color:#000;
	text-align:center;
	margin:0;
	line-height:28px;
	padding-top:5px;
	padding-bottom:20px;
	display:block;
}
.group_details_home_link
{
	width:13%;
	margin:0px auto;
}
.group_details_home_link01
{
	width:13%;
	margin:85px auto;
}
.group_details_home a {
    /* width: 67%; */
    height: auto;
    /* background-color: #FFF; */
    padding: 5px 10px;
    text-align: center;
    color: #000;
    font-size: 18px;
    text-decoration: none;
    display: block;
    float: left;
    margin: auto;
    border: solid 1px #fff;
	color:#fff;
	text-align:center;
}
.group_details_home a:hover
{
	color:#000;
	background-color:#fff;
}

.group_details
{
	width:100%;
	height:auto;
	float:left;
	min-height:240px;
}
.group_details01
{
	min-height:200px
;}
.group_details_images
{
	width:100%;
	height:auto;
	float:right;
}
.group_details_image_wrap
{
	width:32.5%;
	height:auto;
	float:right;
}
.group_details_images a
{
	text-align:center;
}
.vlight
{
	border:#009900 1px solid;
	margin:0px auto;
	width:90%;
}
.group_details_images .vlightbox1 
{
	width:100%;
	background:none;
	max-width:90%;
	height:auto;
}
.group_details_images .vlightbox1 img
{
	width:100%;
	height:auto;
	float:left;
}
a.directions
{
	padding:10px;
	font-size:16px;
	float:left;
	text-align:center;
	text-decoration:none;
	transition:all 0.3s ease;
	width:90%;
	background-color:#f90;
	color:#FFFFFF;
}
a.directions:hover
{
	color:#000;
}
.group_details h3
{
	font-size:20px;
	color:#FFF;
	text-align:center;
	font-weight:lighter;
	margin:0;
	padding-top:10px;
}
.group_details p
{
	font-size:14px;
	color:#000;
	text-align:center;
	margin:0;
	line-height:28px;
	padding-top:5px;
	padding-bottom:20px
}
.group_inner
{
	width:100%;
	height:auto;
	float:left;
}
.group_details a
{
	width:30%;
	height:auto;
	background-color:#FFF;
	padding:10px 20px;
	text-align:center;
	color:#000;
	font-size:18px;
	text-decoration:none;
	float:left;
	margin-left:20px;
}
.group_details a:hover
{
	color:#04b5ef;
}
.marketing_details
{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:10px;
}
.marketing_details h3
{
	font-size:20px;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#039;
}
.marketing_details p
{
	font-size:20px;
	color:#FFF;
	text-align:center;
}
.marketing_details p span
{
	font-size:18px;
	color:#000;
}

section#brand {
    height: auto;
    padding: 0px 0px 10px 0px;
    background-color: #E77844;
    /* background: url(../images/brand_bg.jpg); */
}
.brand_wrapper {
    width:60%;
    margin:0px auto;
}

section#brand h2 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    font-weight: bolder;
    line-height: 50px;
    padding: 0px;
}
section#brand img
{
	float:left;
	width:100%;
}

section#map
{
	height:auto;
	min-height:190px;
	background-color:#FFF;
}
section#map iframe
{
	width:100%;
	border:none;
}
section#contact
{
	background-color:#FFA800;
	background:url(../images/contactus.jpg);
	height:auto;
	padding:20px 0px;
}
section#contact_page {
    background-color: #ccc;
    /* background: url(../images/con-bg.png); */
    height: auto;
    padding: 20px 0px;
    background: url(../images/contactus.jpg);
}
.admin_details h3.clr {
    color: #FF9000;
}
.contact_form h3.clr
{
	color:#FFFF00;
}

section#contact_page h2 {
    font-size: 30px;
    color: #FF9000;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 30px;
    font-weight: 600;
    border-bottom: #5c7602 1px dashed;
}
section#contact h2
{
	font-size:42px;
	color:#e75d1c;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	font-weight:bolder;
	line-height:72px;
	padding-top:10px;
	border-bottom:#FFFFFF 1px dashed;
}
.footter {
    background-color: #04B5EF;
}
.contact_form
{
	width:100%;
	height:auto;
	float:left;
	text-align: center;
	margin-top:10px; 
	padding-top:10px;
}
.contact_form h3
{
	font-size:30px;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	padding:5px;
}
.text_field
{
	width:98%;
	height:40px;
	background-color:#000;
	opacity:0.5;
	color:#FFFFFF;
	border:none;
	padding:5px;
	float:left;
	margin-bottom:5px;
}
.text_field01
{
	width:98%;
	height:40px;
	background-color:#333;
	opacity:0.5;
	color:#FFFFFF;
	border:none;
	padding:5px;
	float:left;
	margin-bottom:5px;
}
.message_field01
{
	width:98%;
	height:120px;
	background-color:#333;
	opacity:0.5;
	color:#FFFFFF;
	border:none;
	padding:5px;
	float:left;
	margin-bottom:5px;
}
.message_field
{
	width:98%;
	height:120px;
	background-color:#000;
	opacity:0.5;
	color:#FFFFFF;
	border:none;
	padding:5px;
	float:left;
	margin-bottom:5px;
}
.submit01
{
	font-size:16px;
	color:#FFF;
	text-align:left;
	text-align:center;
	text-decoration:none;
	transition:all 0.5s ease;
	background-color:#999;
	border:none;
	float:right;
	padding:15px 45px;
}
.submit
{
	font-size:16px;
	color:#FFF;
	text-align:left;
	text-align:center;
	text-decoration:none;
	transition:all 0.5s ease;
	background-color:#000;
	border:none;
	float:right;
	padding:15px 45px;
}
.submit:hover
{
	font-size:16px;
	color:#FFF;
	background-color:#e75d1c;
}
.contact_details
{
	width:48%;
	height:auto;
	float:left;
	margin-top:10px;
	margin-left:10px;
	padding:13px 0px;
	text-align: center;
/*	background:url(../images/contact.png);
*/}


section#clients
{
	height:auto;
	padding:10px 0px;
	background-color:#FFF;
}
.clients_wrapper {
    width:97%;
    margin:0px auto;
}

#clients_hold img{
    width:95%;
	max-width:100px;
	border:#CCC 1px solid;
	height:90px;
  
}
#clients_hold
{
	
	overflow:hidden !important;
	width:95%;
	margin:0 auto;
}

.clients img 
{
	width:90%;
	float:left;
}
#advant i{
	padding-right:5px;
	font-size:20px;
	font-weight:900;
	color:#e75d1c;}
section#clients h2
{
	font-size:25px;
	color:#575757;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	font-weight:bolder;
	line-height:50px;
	padding:0px;
}
section#clients img
{
	float:left;
	width:100%;
	 margin-left: 10px;
	 margin-right:10px;
}



.branches
{
	width:95%;
	height:auto;
	float:left;
	padding-bottom:20px;
}
.branches h3
{
	font-size:30px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
}
.branches h4
{
	font-size:20px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:10px;
	margin:0;
}
.branches p
{
	font-size:16px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding-top:10px;	
	font-family:"Open Sans";
	line-height:24px;
}
.branches p span
{
	font-size:18px;
}

.branches p.center
{
	font-size:16px;
	color:#FFF;
	text-align: center;
	text-transform:uppercase;
	font-family:"Open Sans";
	margin:0;
	padding-top:10px;
	line-height:24px;
}
.branches p.center span
{
	font-size:20px;
	font-weight:bold;
}

.admin_03 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 20px;
    /**float: right;**/
	max-width: 250px;
}
.social a img
{
	width:100%;
	height:50px;
}
.social a
{
	width:100%;
	height:50px;
	max-width:50px;
	margin:1.5%;
	float:left;
	/**border:#666 1px solid;**/
	
}
.social a:hover
{
	margin:0.5%;
	border:#FFF 1px solid;
	transition:all 0.5s ease;
}

.admin_details h3 {
    font-size: 28px;
    color: #FFF;
    /* text-align: center; */
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    font-weight: 600;
}
.admin_details h4
{
	font-size:20px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:10px;
	margin:0;
}
.admin_details p
{
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	margin:0;
	padding-top:10px;	
	font-family:"Open Sans";
	line-height:24px;
}
.admin_details p span
{
	font-size:18px;
	color:#04B5EF;
}
.admin_details p span.clr
{
	font-size:14px;
	color:#FFA800;
}
.line {
    padding-bottom: 9px;
    margin-bottom: 10px;
    background: url(../images/pattern.png) repeat-x bottom left;
}

.admin_details p.center
{
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	font-family:"Open Sans";
	margin:0;
	padding-top:10px;
	line-height:24px;
}
.admin_details p.center span
{
	font-size:20px;
	font-weight:bold;
}

.address{
	color:#fff !important;
}

#con2 {
    /* background-image: url(../images/con-bg.jpg); */
    background-color: #313131;
    color: #FF9000 !important;
    text-transform: uppercase;
    border-top: dashed 3px #5A5A5A;
}

.branches {
    width: 48%;
    margin-bottom: 20px;
    height: auto;
    float: left;
    padding-bottom: 20px;
    border-bottom: dashed 1px #5F5F5F;
    margin-left: 1%;
}
.branches h3 {
    font-size: 20px;
    color: #04B5EF;
    text-align: center;
    font-weight: 600;
    margin: 0;
}
.branches h4
{
	font-size:20px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:10px;
	margin:0;
}
.branches p
{
	font-size:16px;
	color:#fff;
	text-align:center;
	margin:0;
	padding-top:10px;	
	font-family:"Open Sans";
	line-height:24px;
}
.branches p span
{
	font-size:18px;
}

.branches p.center
{
	font-size:16px;
	color:#FFF;
	text-align: center;
	text-transform:uppercase;
	font-family:"Open Sans";
	margin:0;
	padding-top:10px;
	line-height:24px;
}
.branches p.center span
{
	font-size:20px;
	font-weight:bold;
}

.branches p.center
{
	font-size:16px;
	color:#FFF;
	text-align: center;
	text-transform:uppercase;
	font-family:"Open Sans";
	margin:0;
	padding-top:10px;
	line-height:24px;
}
.branches p.center span
{
	font-size:20px;
	font-weight:bold;
}



.enquire_links
{
	height:auto;
	float:left;	
	margin-top:5px;
	width:33.33%;
	text-align: center !important;

}
.enquire_links a
{
	font-size:2.8em;
	color:#FFF;
	font-weight:bold;
	border-radius:20px;
	text-align:left;
	transition:all 0.5s ease;
	padding:5px 20px;
	text-transform:uppercase;
	width:60%;
	float:left;
}
.enquire_links a img {
    margin-left: 10px;
    width: 100%;
    max-width: 270px;
    margin-right: 0px;
    margin-top: 30px;
}
.enquire_links a img:hover
{
	opacity:0.75;
}
.branch_details
{
	width:95%;
	height:auto;
	float:left;
	margin-right:20px;
}
footer
{
	background-color:#d3d1d1;
	height:auto;
}
.foot_left
{
	width:32%;
	height:auto;
	float:left;
}
.foot_cent
{
	width:32%;
	height:auto;
	float:left;
}
.foot_right
{
	width:32%;
	height:auto;
	float:left;
}

.foot_left p {
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    margin: 15px 0 0 0;
    padding: 10px;
    line-height: 20px;
    font-weight: bold;
}
.foot_cent p {
    font-size: 14px;
    color: #Fff;
    text-align: center;
    margin: 0;
    padding: 10px;
    line-height: 20px;
    /**font-family: 'Chewy', cursive;**/
    margin-top: 15px;
	font-weight: bold;
}
.foot_right p
{
	font-size:15px;
	color:#fff;
	text-align:right;
	margin:10px 0 0 0 ;
	padding:10px;
	line-height:20px;
	font-weight:bold;
}

/* ==========================================================================
   Gallery
   ========================================================================== */
   
section#inner_banner
{
	height:auto;
}
section#inner_banner img
{
	height:auto;
	width:100%;
}
section#gallery
{
	height:auto;
	background-color:#FFFFFF;
	padding:0px 0px 30px 0px;
}
.video
{
	width:45%;
	float:left;
	height:auto;
	margin:2%;
	background-color:#f6f6f6;
	border:#CCC 1px solid;
}
.video iframe
{
	width:98%;
	border:#f6f6f6 5px solid;
}
.video h3
{
	font-size:20px;
	color:#F00;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	font-weight:lighter;
	padding-top:10px;
	border-bottom:#FFFFFF 1px dashed;
}
section#gallery h2
{
	font-size:30px;
	color:#F00;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	font-weight:lighter;
	padding:30px 0px 0px 0px;
	border-bottom:#FFFFFF 1px dashed;
}

 .pdng
 {
 	padding-top:25px; 
 }
   
 .glry_sub-head
 {
 	text-align: center !important;
 	width: 143px;
 	color: #FFF;
 	font-size: 12px !important;
 	font-weight: 400;
 	background-color: #e75d1c;
 	padding: 5px 10px !important;

 }
 h6 {
    display: block;
    font-size: 0.67em;
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: .33em !important;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
/* ==========================================================================
   Gallery End
   ========================================================================== */
 section#products_inner
{
	height:auto;
	background-color:#FFF;
	padding-bottom:20px;
}
.products_inner02
{
	height:auto;
	background-color:#ffe7a7;
	padding-bottom:20px;
}
 section#download
{
	height:auto;
	background-color:#FFF;
	padding:1% 0%  5% 0%;
}
 section#download h2
{
	font-size:32px;
	color:#F60;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:5px 30px;
	font-weight:400;
}
.dowmload_wrapper
{
	width:70%;
	height:auto;
	margin:0px auto;
	background-color:#f9f6f7;
	padding:1%;
	margin-bottom:5px;
}
.dowmload_left
{
	width:68%;
	height:auto;
	float:left;
}
.dowmload_left h3
{
	font-size:24px;
	color:#666;
	text-align:justify;
	padding:5px;
	margin:0;
}
.dowmload_left p
{
	font-size:14px;
	color:#666;
	text-align:justify;
	padding:5px;
	margin:0;
}
.dowmload_right
{
	width:30%;
	height:auto;
	float:left;
	margin-left:0.7%;
}
.dowmload_wrapper a
{
	width:99%;
	height:auto;
	margin:0.5%;
	font-size:18px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	margin-top:20%;
	padding:1% 1%;
	float:left;
}
.dowmload_wrapper a img
{
	width:100%;
	margin-left:1%;
	float:left;
}
.inner_product_wrapper
{
	width:80%;
	height:auto;
	margin:0px auto;
}
.inner_product_wrapper02
{
	width:80%;
	height:auto;
	margin:0px auto;
}
.jag_inner_product {
    width: 97%;
    height: auto;
    float: left;
    border: #fce7b5 1px solid;
    background-color: #ffaa01;
    transition: all 0.5s ease;
    padding: 2%;
    margin: 0.2%;
}
.jag_inner_product:hover
{
	background-color:fce7b5;
}
.jag-inner {
    background-color: #ffd279;
    padding: 30px;
    border-radius: 50px;
    margin-top: 20px;
}
.second{
	background-color:#ffe6b3;
	padding:20px;
	border-radius:50px;}

.jag_inner_product_left {
    width: 14%;
    height: auto;
    float: left;
    padding: 1%;
    margin: 0.2%;
}
.jag_inner_product_center {
    width: 25%;
    height: auto;
    float: left;
    padding: 1%;
    margin: 0.2%;
    margin-top: 8px;
}
.main-left{
	width:30%;}
.jag_inner_product_right {
    width: 48%;
    height: auto;
    float: left;
    padding: 1%;
    margin: 0.2%;
    margin-top: -82px;
}


.jag_inner_product .meter
{
	float:left;
	width:100%;
}
.jag_inner_product .meter img {
    float: left;
    width: 42%;
    max-width: 50%;
    margin-top: 30px;
}
.jag_inner_product .details
{
	float:left;
	width:100%;
}
.jag_inner_product .w_image
{
	float:left;
	width:100%;
}
.jag_inner_product .w_image img
{
	float:left;
	width:100%;
}

.inner_product_wrapper p.jg
{
	font-size:15px;
	color:#333;
	text-align:justify;
	margin:0;
}
.inner_product_wrapper ul li
{
	font-size:13px;
	color:#333;
	text-align:justify;
	margin:0;
}

.jag_products_details
{
	height:auto;
	float:left;
	transition:all 0.5s ease;
	padding-top:8%;
}
.jag_products_details img
{
	width:100%;
	float:left;
}
.inner_product_wrapper img
{
	float:right;
	margin:0.5% 3% 0.5% 1%;
}
.inner_product_wrapper p.main
{
	font-size:14px;
	color:#666;
	text-align:justify;
	padding:5px 30px;
	margin:0;
}
section#products_inner h1
{
	font-size:26px;
	color:#FF3300;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:10px 30px;
	font-weight:400;
	border-bottom:#5c7602 1px dashed;
}
section#products_inner h2
{
	font-size:20px;
	color:#000;
	text-align:left;
	margin:0;
	padding:5px 30px;
	font-weight:400;
}
section#products_inner h3 {
    font-size: 17px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin: 2px 5px;
    padding: 5px 10px;
    font-weight: 400;
}
section#products_inner h3.toppad
{
	padding-top:5%;
}
 section#products_inner h4
{
	font-size:20px;
	color:#FF3300;
	text-align:center;
	text-transform:uppercase;
	margin:0px;
	font-weight:600;
	padding:0px 5px;
	padding-bottom: 2px;
}

 section#products_inner h4 span
 {
	 display:block;
	 font-size:14px;
	 color:#000;
	 text-transform:none;
}
.cement_products_details
{
	width:18.7%;
	height:auto;
	float:left;
	min-height:235px;
	margin:0.5%;
	padding:0.5% 0%;
	transition:all 0.5s ease;
	background-color:#f4f4f4;
	border:1px solid #e6e6e6;
}
.cement_products_details:hover
{
	box-shadow:#FF3300 1px 1px 5px;
}
.cement_products_details02
{
	width:22%;
	height:auto;
	float:left;
	min-height:235px;
	margin:1% 1%;
	padding:0.5% 0%;
	transition:all 0.5s ease;
	border:#f4f4f4 1px solid;;
}
.cement_products_details:hover
{
	box-shadow:#FF3300 1px 1px 5px;
}
.cement_products_image
{
	width:150px;
	height:auto;
	max-width:150px;
	margin:0px auto;
}
.cement_products_image img
{
	width:100%;
	float:left;
}
.cement_products_content
{
	width:100%;
	height:auto;
	margin-top:5px;
	float:left;
}
.cement_products_content p
{
	font-size:14px;
	color:#000;
	text-align:center;
	padding:5px;
	margin:0;
	font-weight:400;
}
.cement_products_content p span
{
	font-size:18px;
	color:#F00;
	text-align:center;
	display:block;
	margin:0;
	font-weight:400;
}
.cement_products_contact a
{
	width:100%;
	height:auto;
	color:#FFF;
	float:left;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	padding:10px 0px;
	margin-top:5px;
	transition:all 0.5s ease;
	background-color:#FF6600;
}
.cement_products_contact a:hover
{
	color:#FFFFFF;
	background-color:#CC0000;
}   
   
   
   
   
   
section#products_clay
{
	height:auto;
	min-height:550px;
	background-color:#FFF;
}
.products_clay_wrpper
{
	width:80%;
	height:auto;
	margin:0px auto;
}
.products_clay_wrpper h2
{
	font-size:28px;
	color:#FF3300;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:10px 30px;
	font-weight:400;
	border-bottom:#5c7602 1px dashed;
}
.products_clay_wrpper h3
{
	font-size:28px;
	color:#FF3300;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:10px 30px;
	font-weight:400;
	border-bottom:#5c7602 1px dashed;
}
.products_clay_wrpper h5
{
	font-size:18px;
	color:#000;
	text-align:left;
	text-transform:uppercase;
	margin:0;
	padding:5px 30px;
	font-weight:400;
}
.products_clay_wrpper h4
{
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
	margin:2px;
	float:left;
	width:95%;
	font-weight:lighter;
	padding:5px;
	border-bottom:#FFFFFF 1px dotted;
}
.products_clay_wrpper p
{
	font-size:15px;
	color:#666;
	text-align:center;
	padding:0px 10px;
	margin:0;
}
.products_clay_wrpper p span
{
	font-size:14px;
	color:#666;
	text-align:center;
	font-weight:bold;
	padding-right:10px;
	margin:0;
}

.clay_products_details
{
	width:29.5%;
	height:auto;
	float:left;
	margin:0.5%;
	min-height:200px;
	padding:1%;
	background-color:#f4f4f4;
	transition:all 0.5s ease;
	border:#E6E6E6 1px solid;
}
.clay_products_details:hover
{
	box-shadow:#666 1px 1px 15px;
}
.clay_products_image
{
	width:70%;
	height:auto;
	max-width:150px;
	margin:0px auto;
}
.clay_products_image img
{
	width:100%;
	float:left;
}
.clay_products_content
{
	width:100%;
	height:auto;
	margin-top:10px;
	float:left;
}
.clay_products_contact a
{
	width:100%;
	height:auto;
	color:#FFF;
	float:left;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	padding:10px 0px;
	margin-top:5px;
	transition:all 0.5s ease;
	background-color:#e75d1c;
}
.clay_products_contact a:hover
{
	color:#FFFFFF;
	background-color:#5c7602;
}   

   
   
   
   
   
   section#advant
{
	height:auto;
	min-height:550px;
	background-color:#313131;
	border-top: solid 3px #FF5506;
    border-bottom: solid 3px #FF5506;
}
.advantage_wrapper
{
	width:60%;
	height:auto;
	padding:1%;
	background-color:#313131;
	
	margin:0px auto;
}
.advantage_wrapper img
{
	float:right;
}
section#advant h2
{
	font-size:2em;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	font-weight:bolder;
	line-height:72px;
	padding-top:30px;
	border-bottom:#CCC 1px dashed;
}
section#advant p
{
	font-size:16px;
	color:#fff;
	text-align:justify;
	margin:0;
	padding-bottom:10px;
	font-family: 'Crete Round', serif;
}
.products_wrpper
{
	width:80%;
	height:auto;
	margin:0px auto;
	border-bottom:#154982 1px solid;
	
}
.pro-one{
	background: url(../images/cl.jpg);
	border-bottom:solid 3px #FFFFFF;
}
.pro-two{
	background: url(../images/ct.jpg);
	border-bottom:solid 3px #FFFFFF;
}
.pro-three{
	background:url(../images/product_04.jpg);
	border-bottom:solid 3px #FFFFFF;
}
.pro-four{
	background: url(../images/chem.jpg);
	border-bottom:solid 3px #FFFFFF;
}
.pro-five{
	background: url(../images/red-bg.jpg);
	border-bottom:solid 3px #FFFFFF;
}
.part-four {
    background: url(../images/red-bg.jpg);
    /* background-color: #C440AD; */
    padding-bottom: 24px;
    /* padding-top: 20px; */
}
.inner_product_left5 {
    width: 28%;
    height: auto;
    padding: 4% 3%;
    /* background-color: #f6f6f6; */
    background: url(../images/red-bg.jpg);
    float: left;
}

.inner_product_left1 {
    width: 28%;
    height: auto;
    padding: 4% 3%;
    /*background-color: #f6f6f6;*/
	background:url(../images/cl.jpg);
    float: left;
}
.inner_product_left2 {
    width: 28%;
    height: auto;
    padding: 4% 3%;
    /*background-color: #f6f6f6;*/
	background:url(../images/ct.jpg);
    float: left;
}
.inner_product_left3 {
    width: 28%;
    height: auto;
    padding: 4% 3%;
    /*background-color: #f6f6f6;*/
	background:url(../images/product_04.jpg);
    float: left;
}
.inner_product_left4 {
    width: 28%;
    height: auto;
    padding: 4% 3%;
    /*background-color: #f6f6f6;*/
	background:url(../images/chem.jpg);
    float: left;
}
.part-one{
	background:url(../images/cl.jpg);
	/*background-color:#C440AD;*/
	padding-bottom:19px;}
.part-two {
    background: url(../images/ct.jpg);
    /* background-color: #C440AD; */
    padding-bottom: 6px;
}
.part-three {
    background: url(../images/product_04.jpg);
    /* background-color: #C440AD; */
    padding-bottom: 27px;
    padding-top: 20px;
}
.part-four {
    background: url(../images/chem.jpg);
    /* background-color: #C440AD; */
    padding-bottom: 24px;
    /* padding-top: 20px; */
}.inner_product_right
{
	width:66%;
	height:auto;
	float:left;
}
.inner_product_right01
{
	width:48%;
	height:auto;
	float:left;
	margin:0.5% 1%;
}
.inner_product_right02
{
	width:98%;
	height:auto;
	float:left;
	margin:0.5% 1%;
}
.inner_pad
{
	padding-top:5%;
}
.inner_product_right a.top {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    float: left;
    width: 93.5%;
    text-align: center;
    text-decoration: none;
    padding: 1% 2%;
    background-color: #87D070;
    transition: all 0.5s ease;
    margin: 2px 10px;
}
.inner_product_right a.top:hover {
    color: #FFF;
    background-color: #60AE48;
}
.inner_product_right01 a {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    float: left;
    width: 95%;
    text-align: center;
    text-decoration: none;
    padding: 1% 2%;
    background-color: #87D070;
    transition: all 0.5s ease;
    margin: 2px;
}
.inner_product_right01 a:hover {
    color: #FFF;
    background-color: #5FAD47;
}
.inner_product_right02 a {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    float: left;
    width: 95%;
    text-align: center;
    text-decoration: none;
    padding: 1.4% 2%;
    background-color: #DA7ECA;
    transition: all 0.5s ease;
    margin: 2px;
}
.part-four a{
	color: #000;
    font-size: 16px;
    font-weight: 300;
    float: left;
    width: 95%;
    text-align: center;
    text-decoration: none;
    padding: 1.4% 2%;
    background-color: #BBBBBB;
    transition: all 0.5s ease;
    margin: 2px;
}
.part-four a:hover{
    background-color: #A9A9A9 !important;
}
.first{
	background-color:#ffaa01;
	padding:15px;}
	
.inner_product_right02 a:hover {
    color: #FFF;
    background-color: #BE3AA7;
}
.inner_product_right03
{
	width:52%;
	height:auto;
	margin:0px auto;
	margin-top:25px;
}
.inner_product_right03 a {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    float: left;
    width: 74%;
    text-align: center;
    text-decoration: none;
    padding: 3% 2% 2% 2%;
    background-color: #4E99C5;
    transition: all 0.5s ease;
    margin: 2px;
}
.inner_product_right03 a:hover {
    color: #FFF;
    background-color: #1473AB;
}
.inner_product_right03 .images
{
	float:left;
	min-width:50px;
	border:#f6f6f6 2px solid;
	padding:0.5%;
}
.inner_product_right03 img
{
	float:left;
	margin:0.5%;
}
 
a.pic
{
	font-size:13px;
	color:#f9a130;
	text-align:left;
	text-align:center;
	text-decoration:none;
	transition:all 0.5s ease;
	margin:0;
	font-weight:bolder;
	padding:10px 10px;
	background-color:#ef8702;
	border-radius:5px;

}


/* ==========================================================================
   Media Queries
   ========================================================================== */
    @media only screen and (min-width: 1190px) and (max-width: 1205px) 
{
.enquire_links
{
	height:auto;
	float:left;	
	margin-top:20px;
}

}
 @media only screen and (min-width: 1026px) and (max-width: 1195px) 
{  
.brand_wrapper {
    width:98%;
    margin:0px auto;
}
.admin_03
{
	width:42%;
	height:auto;
	margin:0 auto;
	padding-bottom:20px;
}

}

@media only screen and (min-width: 801px) and (max-width: 1026px) 
{
	
.banner
{
	top:140px;
	
}
.caption
{
	width:50%;
	height:50px;
}
.support
{
	width:50%;
}

.support h2
{
	font-size:36px;
}
.caption h2
{
	font-size:36px;
}
.cemet_products
{
	width:100%;
	}
.clay_products
{
	width:100%;
}
.weather_products
{
	width:100%;
}
.construction_chemicals
{
	width:100%;
}
.products_type04
{
	width:100%;
}
.contact_form
{
	width:45%;
	height:auto;
	float:left;
	margin-top:10px; 
	padding-top:10px;
}

.contact_details
{
	width:50%;
	height:auto;
	float:left;
	margin-top:10px;
	margin-left:10px;
	padding:13px 0px;
/*	background:url(../images/contact.png);
*/}
.contact_details1
{
	width:50%;
	height:auto;
	float:left;
	margin-top:10px;
	margin-left:10px;
	padding:13px 0px;
/*	background:url(../images/contact.png);
*/}
.advantage
{
	width:55%;
	height:auto;
	float:left;
	padding:18px;
	margin-top:70px;
}
.gallery
{
	width:40%;
	height:auto;
	float:left;
	margin-top:150px;
	

}

.advantage h2
{
	font-size:62px;
	color:#FFF;
	text-align:left;
	margin:0;
	font-weight:bolder;
	line-height:72px;
	margin-top:50px;
	padding:10px;
}
.brand_wrapper {
    width:99%;
    margin:0px auto;
}
.admin_03
{
	width:65%;
	height:auto;
	margin:0 auto;
	padding-bottom:20px;
}
.inner_product_right03
{
	width:66%;
	height:auto;
	margin:0px auto;
	margin-top:5px;
}
.group_left
{
	width:45%;
}
.group_details
{
	min-height:300px;
}
.group_details01
{
	width:100%;
	min-height:250px;
}


}

/*@media only screen and (min-width: 480px) and (max-width: 767px) 
*/

@media only screen and (max-width: 800px) and (min-width: 640px) 
{
.banner
{
	top:70px;
}
.caption
{
	width:50%;
	height:50px;
}
.caption h2
{
	font-size:30px;
}
.support
{
	width:50%;
}

.support h2
{
	font-size:36px;
}

.advantage
{
	width:100%;
	height:auto;
}
.gallery
{
	width:100%;
	margin-top:10px;
}
.brand_wrapper {
    width:96%;
    margin:0px auto;
}
.contact_form
{
	width:96%;
	height:auto;
	margin-top:20px;
}
.contact_details
{
	width:98%;
	margin-top:20px;
}
.cemet_products
{
	width:100%;
	padding-top:10px;
}
.clay_products
{
	width:100%;
	padding-top:10px;
}
.weather_products
{
	width:100%;
	padding-top:10px;
}
.construction_chemicals
{
	width:100%;
	padding-top:10px;
}
.products_type04
{
	width:100%;
	padding-top:10px;
}
 .cement_products_details
{
	width:45%;
	height:auto;
	float:left;
	margin-right:15px;
}
.inner_product_wrapper02
{
	width:80%;
}
 .cement_products_details02
{
	width:31%;
	height:auto;
	float:left;
}
.jag_inner_product
{
	width:97%;
}

 .clay_products_details
{
	width:46.5%;
}
section#advant h2
{
	font-size:62px;
}
.admin_03
{
	width:45%;
	height:auto;
	margin:0 auto;
	padding-bottom:20px;
}
.dowmload_left
{
	width:98%;
}
.dowmload_right
{
	width:98%;
}
.dowmload_right a
{
	margin-top:2%;}
	
.inner_product_right03
{
	width:98%;
	margin-top:0px;
}
.inner_product_right03 a
{
	width:98%;
	margin-top:0px;
}
.inner_product_right03 .images
{
	display:none;
}
.jag_inner_product_left
{
	display:none;
}
.jag_inner_product_center
{
	width:40%;
}
.jag_inner_product_right
{
	width:55%;
}
.group_details_home
{
	width:90%;
}




}


@media only screen and (max-width: 640px) and (min-width: 480px) 
{
.about_content figure
{
	display:none;
}
.banner
{
	top:30px;
}
.caption
{
	width:60%;
	height:40px;
}
.caption h2
{
	font-size:26px;
}
.support
{
	width:60%;
}
.brand_wrapper {
    width:96%;
    margin:0px auto;
}

.support h2
{
	font-size:26px;
}
.about_div
{
	width:99%;
	height:auto;
	float:left;
}

.advantage
{
	width:97%;
	height:auto;
}
.gallery
{
	width:100%;
	margin-top:10px;
}
section#group h2
{
	font-size:52px;
}
.group_details
{
	width:90%;
	float:left;
	margin-top:10px;
}
.contact_form
{
	width:96%;
	margin-top:20px;
}
.contact_details
{
	width:98%;
	margin-top:20px;
}
.branch_details
{
	width:90%;
}
.cemet_products
{
	width:100%;
	padding-top:10px;
}
.clay_products
{
	width:100%;
	padding-top:10px;
}
.weather_products
{
	width:100%;
	padding-top:10px;
}
.construction_chemicals
{
	width:100%;
	padding-top:10px;
}
.products_type04
{
	width:100%;
	padding-top:10px;
}

.foot_left
{
	width:96%;
}
.foot_right
{
	width:96%;
	height:auto;
}
.foot_left p
{
	text-align:left;
	padding:5px;
}
.foot_right p
{
	text-align:left;
	padding:5px;
}
 .cement_products_details
{
	width:45%;
	height:auto;
	float:left;
	margin-right:15px;
}
.inner_product_wrapper02
{
	width:80%;
}
 .cement_products_details02
{
	width:31%;
	height:auto;
	float:left;
}
.jag_inner_product
{
	width:97%;
}
 section#products_inner h2
{
	font-size:18px;
}
 .clay_products_details
{
	width:46.4%;
}
section#products_clay h2
{
	font-size:42px;
}
.admin_03
{
	width:45%;
	height:auto;
	margin:0 auto;
	padding-bottom:20px;
}
.logos1
{
	width:98%;
}
.testreport
{
	width:96%;
}
.dowmload_wrapper
{
	width:90%;
	height:auto;
	margin:0px auto;
}
.dowmload_left
{
	width:98%;
}
.dowmload_right
{
	width:98%;
}
.dowmload_right a
{
	margin-top:2%;
}

.inner_product_right01 a
{
    font-size:13px;
}
.inner_product_right03
{
	width:98%;
	margin-top:0px;
}
.inner_product_right03 a
{
	width:98%;
	margin-top:0px;
}
.inner_product_right03 .images
{
	display:none;
}

.jag_inner_product_left
{
	display:none;
}
.jag_inner_product_center
{
	width:96%;
}
.jag_inner_product_right
{
	width:96%;
}
.group_left
{
	width:45%;
}
.group_details
{
	min-height:300px;
}
.group_details01
{
	width:100%;
	min-height:250px;
}
.group_details_home
{
	width:90%;
}



}



@media only screen and (max-width: 480px) and (min-width: 320px) 
{
.logo
{
	width:250px;
}	
.dowmload_wrapper
{
	width:90%;
	height:auto;
	margin:0px auto;
}
.dowmload_left
{
	width:98%;
}
.dowmload_right
{
	width:98%;
}
.dowmload_right a
{
	margin-top:2%;
}

.call
{
	display:none;
}
.down
{
	display:none;
}

.about_content h2
{
	font-size:26px;
}

	.about_content figure
{
	display:none;
}
.banner
{
	display:none;
}
.brand_wrapper {
    width:95%;
    margin:0px auto;
}

.advantage
{
	width:90%;
	height:auto;
}
.about_div
{
	width:99%;
	height:auto;
	float:left;
}

.gallery
{
	width:100%;
	margin-top:10px;
}

section#group h2
{
	font-size:42px;
}
.group_details
{
	width:90%;
	float:left;
	margin-top:10px;
}
.contact_form
{
	width:96%;
	margin-top:20px;
}
.contact_details
{
	width:98%;
	margin-top:20px;
}
.branch_details
{
	width:90%;
}
.cemet_products
{
	width:100%;
	padding-top:10px;
	min-height:320px;
}
.jag_inner_product
{
	width:97%;
}
.construction_chemicals
{
	width:100%;
	padding-top:10px;
	min-height:320px;
}
.products_type04
{
	width:100%;
	padding-top:10px;
	min-height:320px;
}

.clay_products
{
	width:100%;
	padding-top:10px;
	min-height:320px;
}
.weather_products
{
	width:100%;
	padding-top:10px;
	min-height:320px;
}
section#contact h2
{
	font-size:42px;
}
.foot_left
{
	width:96%;
}
.foot_right
{
	width:96%;
	height:auto;
}
.foot_left p
{
	text-align:left;
	padding:5px;
}
.foot_right p
{
	text-align:left;
	padding:5px;
}
 .cement_products_details
{
	width:96%;
	height:auto;
	float:left;
	margin-right:15px;
}
.inner_product_wrapper02
{
	width:80%;
}
 .cement_products_details02
{
	width:100%;
	height:auto;
	float:left;
}

 section#products_inner h2
{
	font-size:18px;
	line-height:44px;
}
 .clay_products_details
{
	width:96%;
}
section#products_clay h2
{
	font-size:42px;
	line-height:44px;
}
section#advant img
{
	width:90%;
}
.enquire_links a
{
	background-image:none;
}
.admin_03
{
	width:45%;
	height:auto;
	margin:0 auto;
	padding-bottom:20px;
}
.logos1
{
	width:98%;
}
.testreport
{
	width:96%;
}
.inner_product_right
{
    width:100%;
}
.inner_product_left
{
    width:100%;
}
.inner_product_right a.top
{
    font-size:13px;
	width:90%;
}
.inner_product_right03
{
	width:98%;
	margin-top:0px;
}
.inner_product_right03 a
{
	width:98%;
	margin-top:0px;
}
.inner_product_right03 .images
{
	display:none;
}
.jag_inner_product_left
{
	display:none;
}
.jag_inner_product_center
{
	width:96%;
}
.jag_inner_product_right
{
	width:96%;
}
.video
{
	width:95%;
}
.group_left
{
	width:95%;
}
.group_details
{
	min-height:300px;
}
.group_details01
{
	width:100%;
	min-height:250px;
}
.group_details_home
{
	width:90%;
}



}

.close_box {
    position: absolute;
    z-index: 9;
    color: #000;
    top: -5px;
    bottom: 0px;
    left: 48px;
    font-size: 18px;
    margin-top: 5px;
    font-weight: 900;
    padding: 1px 5px;
}
.close_box:hover{
	cursor:pointer;
	color:#00CCFF;}
.close_box02
{
	position:absolute;
	z-index:9;
	color:#000;
	width:50px;
	font-size:11px;
	bottom:-15px;
	font-weight:500;
	left:5px;
	height:20px;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*----------------------------------CHANGE 05-12-2017-------------------------------------------*/
@media (min-width:320px) and (max-width:767px){
    .building_blocks {
    width: 100%;
    }
    .advantage h2.color_head {
    color: #333;
    font-size: 26px;
    line-height: 30px;
    }
    .advantage h2 {
    font-size: 26px;
    line-height: 30px;
    }
    
}
.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    max-height: 240px;
}