/*fonts used*/
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.eot');
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Bold.woff2') format('woff2'),
       url('fonts/OpenSans-Bold.woff') format('woff'),
       url('fonts/OpenSans-Bold.ttf') format('truetype'),
       url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-light-webfont.woff') format('woff'),
    url('fonts/opensans-light-webfont.ttf') format('truetype'),
    url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*placeholder color change*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#90292c;
	font-size:14px;
	 font-family: 'OpenSansRegular';
	 
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#90292c;
   font-size:14px;
    font-family: 'OpenSansRegular';
	
   
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#90292c;
   font-size:14px;
    font-family: 'OpenSansRegular';
	
   
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#90292c;
   font-size:14px;
    font-family: 'OpenSansRegular';
	
}

/*high grade */
.field_list.high_grade_fullers_earth{margin: 22px 0 0 0;height: auto}
.field_list.high_grade_fullers_earth2{margin: 20px 0 0 0;height: auto}
.physical_prop{float: left;width: 100%}
.physical_prop table, th, td {border: 1px solid #ddd;border-collapse: collapse;color: #000;}
.physical_prop table{margin: 25px 0 0 0;width: 100%}
.physical_prop th, td { padding:10px 29px; font-size: 14px;text-align: center}
.physical_prop tr:nth-child(2n) { background: #f9f9f9; border: #000;}
.wrap_product { margin: 30px 0 0 0; float: left; width: 96%; background: #fbfbfb; padding: 0 2% 40px; box-shadow: 1px 1px 5px 0px #ccc;
    border-radius: 6px;}
.physical_prop tr:nth-child(2n+1) {  background: #eeeefe;}
.wrap_product_inner.wrap_product_inner_left { float: left; width: 48%;margin: 0 1%}
.wrap_product_inner.wrap_product_inner_right { float: left; width: 48%;margin: 0 1%}
.field_list.high_grade_fullers_earth.suggestions_wrap{width: auto;background: #f6f6f6;border: 1px solid #eee;margin: 30px 0 0 0}
.field_list.high_grade_fullers_earth2.composition_wrap { float: left; width: 96%; background: #f9f9f9; border: 1px solid #eee;}
.field_list.high_grade_fullers_earth2.composition_wrap p{padding: 0}
.fullers_earth.suggestion_head {  margin: 37px 0 0 0;}
.fullers_earth2 {  margin: 14px 0 0 0;}
.wrap_product_inner.wrap_product_inner_left.screen_analysis2 {
    margin: -234px 0 0 0;
}
/*mobile menu*/

.block {  position: relative;float: left;width: 100%}
.overlay{display: none}
.navbar{display: none;}
.overlay_wrap{width: 100%;float: left;transition: opacity 0.35s ease 0s, visibility 0.35s ease 0s, width 0.35s ease 0s;position: relative}
.overlay_wrap h3 { color: #000; font-size: 16px; text-transform: uppercase;text-align: left}
.overlay ul li ul { line-height: 1.2;  margin: 11px 0 0 31px;width: 90%}

    /*slider*/
    #slider1 > li{float: left;width: 100%}
    /*slider styles here*/
    .rslides { position: relative; list-style: none; overflow: hidden;width: 100%; padding: 0; margin: 0;z-index: 1}
    .rslides > li { -webkit-backface-visibility: hidden;position: absolute;display: none; width: 100%; left: 0; top: 0;}
    .rslides > li:first-child { position: relative; display: block; float: left; }
    .rslides > img {display: block; height: auto;float: left;width: 100%;border: 0;}

/*for bullet points above the banner*/
    .bullet2 { clear: both; display: block;  float: none; margin: 0 auto; position: relative;  width: 123px;}
    .bullet { margin: 0; position: absolute; right: 0; top: -100px; z-index: 9;}
	.bullet li{ float: left; list-style: none;	margin-left: 0px; position:relative; font-size:80px; }
	.bullet li a{ color:#fdc12b; }
	.bullet li.rslides_here a, .bullet li a:hover{ color:#d43136; }

    .error {float: left;padding: 10px 26px;background: pink; margin: 20px 0; width: 85%; color: red; clear: both; }
    .success { background: pink; padding: 8px 16px; margin: 20px 0 0 0; color: green; clear: both; }

/*header*/
header{width:100%;float:left;border-top:5px solid #ffd800;background-size:100%;}
.banner{float: left;width: 100%;margin: -170px 0 0 0}
.header_banner_design{float: left;width: auto;bottom: -134px;left:-91px;position: absolute}
/*.header_banner_design img { left: -90px; position: absolute; top: 178px;}*/
.wrap_banner_design_text{ float: left; position: relative;  width: auto;z-index: 999;}
.wrap_banner_design_text > p {bottom: 72px; color: #fff;font-size: 40px;left: 90px;position: absolute;text-align: center;text-transform: uppercase; z-index: 9999;}
.banner1{float: left;width: 100%;background:#000 url("images/excel-adsorbents-sdn-bhd-1.jpg")no-repeat top center;height:480px ;background-size: 100%}
.banner2{float: left;width: 100%;background:#000 url("images/excel-adsorbents-sdn-bhd-2.jpg")no-repeat top center;background-size: 100%}
.banner3{float: left;width: 100%;background:#000 url("images/excel-adsorbents-sdn-bhd-3.jpg")no-repeat top center;background-size: 100%}
.banner1.banner4{float: left;width: 100%;background:#000 url("images/excel-adsorbents-sdn-bhd-4.jpg")no-repeat top center;background-size: 100%}
.top_head { float: left;position: relative;width: 100%;z-index: 999;}
.banner_text { width: 50%; text-align: center; margin: 204px auto 0; float: none;}
.banner_text h3{font-family: 'OpenSans-Bold';font-size:30px;color:#fff;text-shadow: 1px 1px 1px #000;line-height: 33px;text-transform: capitalize;}
.banner_text p{color:#fff; font-family: 'open_sanslight';font-size:20px;text-shadow: 1px 1px 1px #000;font-weight: bold;margin: 10px 0 0 0}

/*inner banner*/
.inner_banner1{float: left;width: 100%;background: url("images/excel-adsorbents-sdn-bhd-inner-1.jpg") no-repeat scroll 0 0;height: 400px;background-size: 100%;margin: -170px 0 0 0}
.inner_banner2{float: left;width: 100%;background: url("images/excel-adsorbents-sdn-bhd-inner-2.jpg") no-repeat scroll 0 0;height: 400px;background-size: 100%;margin: -170px 0 0 0}
.inner_banner3{float: left;width: 100%;background: url("images/excel-adsorbents-sdn-bhd-inner-3.jpg") no-repeat scroll 0 0;height: 400px;background-size: 100%;margin: -170px 0 0 0}
.inner_banner4{float: left;width: 100%;background: url("images/excel-adsorbents-sdn-bhd-inner-4.jpg") no-repeat scroll 0 0;height: 400px;background-size: 100%;margin: -170px 0 0 0}

.inbner_banner_text{ width: 50%; text-align: center; margin: 160px auto 0; float: none;}
.inbner_banner_text h3{font-size:ont-family: 'OpenSans-Bold';font-size:36px;color:#fff;text-shadow: 1px 1px 1px #000;line-height: 1.2;text-transform: capitalize; }

.head_upper{float: left;width: 100%;position: relative;z-index: 99}
.logo{float:left;margin:0px 0 0;}
.logo img { max-width: 100%; padding: 10px; background: #fff; float: left; border: 2px solid #ccc;}
.menu{float:right;margin:25px 1% 25px 0;}
.menu ul li{list-style:none;float:left;}
.menu ul li a { color: #fff; font-family: 'OpenSansSemibold'; padding: 4px 15px; border-radius: 5px; font-size: 15px;text-shadow: 1px 1px 1px #000;font-weight: bold}
.menu ul li a:hover{background:#ffd800;}
.menu ul li:last-child {margin-right:0;}


/*are your ready to go part*/
.text_wrap_header{position: relative;float: left;width: 100%;margin:  0 0 0;z-index: 1}
.you_ready { float: none; width: 550px; margin: 0 auto; position: absolute; display: table; top: -251px; z-index: 99; right: 388px;}
.you_ready h3{color:#fff;text-align:center;font-weight:bold;font-style:normal;font-size:25px;text-shadow: 1px 1px 1px #000;font-weight: bold}
.you_ready p{margin:6px 0px 30px 0;color:#fff;text-align:center;font-weight:normal;font-style:normal;font-size:16px;text-shadow: 1px 1px 1px #000;font-weight: bold;}
.project{float:none;margin:20px auto;display: block;width: 212px;}
.project a{padding:10px;text-decoration:none;font-weight:bold;font-style:normal;font-size:16px;text-transform:uppercase;border:solid 1px #fff;border-radius:5px;color:#fff;text-shadow: 1px 1px 1px #000;font-weight: bold}
.project a:hover{background:#ffd800;}

/*common settings*/
.container{max-width:1170px;margin:0 auto;}
.container2{max-width:1170px;margin:0 auto;position:relative;}
.clear{clear:both;}
body,div,h1,h2,h3,h4,h5,h6,p,a,ul,li{margin:0;padding:0;font-family: 'OpenSansRegular';}
img{max-width:100%;float:left;}
body{ font-family: 'OpenSansRegular';}
a{text-decoration:none;}
img{max-width: 100%;}
ul li{list-style: none;}
.view_more{float: left;width: 100%;margin: 20px 0 0;text-align: center;}
.border_line{width: 106px;margin: 0 auto;height: 5px;float: none;background: #fdc12b}

/*sub menu*/
.menu ul li {position: relative}
.menu ul li .sub_menu { background: rgba(253,193,43,0.95);visibility: hidden;left: -41px;padding: 0;position: absolute;right: 0;top: 38px;width: 255px;z-index: 99;border-top: 4px solid #d43136}
.menu ul li .sub_menu::after {
    content: "";
    position: absolute;
    top: -14px;
    left: 40%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.menu ul li .sub_menu.services_menu{width: 223px;}
.menu ul li .sub_menu.sub_menu_specialization { width: 273px;}
.menu ul li .sub_menu li{float: left;width: 100%;border-bottom:1px solid #f6dc61;margin: 0!important;}
.menu ul li .sub_menu li a{color: #281B0C!important;width: 96%;float: left;text-align: left;position: relative;font-weight: normal;}
.menu ul li .sub_menu li a::before{top: 10px; color: #fff; content: '\f0da'; font-family: FontAwesome;  font-size: 13px; left: 8px;
    position: absolute;  z-index: 1;}
.menu ul li .sub_menu.services_menu a{width: 80%}
.menu ul li .sub_menu.sub_menu_specialization a{width:84%;padding: 8px 8%}
.menu ul li .sub_menu li a {
    padding: 8px 8%;
    border-radius: unset;
    width: 84%;
    text-shadow: unset;
}
.menu ul li .sub_menu li a:hover{background-color:#f6dc62;border: none!important}
.menu ul li:hover > ul{visibility:visible;top: 27px;transition: top 0.3s linear}

/*ask for price*/
.inner_section{float:left;width:100%;position:relative;padding:60px 0px;background:#f6f6f6;}
.list{float:left;margin-bottom:30px;}
.list h2{text-transform: uppercase;text-align: center;font-size: 30px;padding: 0 0 10px 0}
.list ul li{list-style:none;float:left;width:31%;margin:1%;}
.list ul li img{float:none;margin:20px auto 0;display:block;}
.list ul li .link_text{color:#d43136;text-align:center; font-weight:bold;font-style: normal;font-size:20px;float: left;width: 100%;padding: 10px 0;text-transform: capitalize}
.list ul li .link_text:hover{color:#fdc12b;}
.list ul li p{color:#90939c;text-align:center;font-weight:normal;font-style: normal;font-size:14px;color: #000}
.list .view_more{background:#fdc12b ; color: #fff; padding: 6px 0; float: none; margin: 13px auto 0; display: table;width: 100px;text-transform: capitalize;border: 1px solid #fdc12b;cursor: pointer;font-size: 15px;font-weight: bold}
.list .view_more:hover{background: #d43136 ;color:#fff ;border: 1px solid #d43136 }

.graphic_content {
    float: left;
    width: 45%;
}

.list ul {
    margin: 40px 0 0;
}
.view_more{background:#fdc12b ; color: #fff; padding: 6px 0; float: none; margin: 13px auto 0; display: table;width: 120px;text-transform: capitalize;border: 1px solid #fdc12b;cursor: pointer;font-size: 15px;font-weight: bold;clear: both}
.view_more:hover{background: #d43136;color: #fff; border: 1px solid #d43136;}
/*graphic design made easy*/
.graphic{width:98%;margin:0 1%;padding:50px 0;float:left;}
.graphic h2{text-align:center;color:#000;font-size: 30px;padding: 0 0 7px 0}
.graphic img{margin:10px auto;float:none;display:block;}
.graphic p.sub{color:#000;text-align:center;padding-bottom:30px;}
.graphic_img{float:right;margin:0 0 20px 20px;width:45%;}
.graphic_img img{margin:0;max-width:100%;padding:0;}
.graphic_content h4{font-size:22px;padding-bottom:2px;text-transform: uppercase}
.graphic_content ul{float:left;margin:30px 0 0;}
.graphic_content ul li{list-style:none;margin-bottom:25px;padding-left:65px;}
/*.graphic_content ul li:nth-child(1){background:url("images/cup.png")no-repeat 0 10px;}*/
/*.graphic_content ul li:nth-child(2){background:url("images/desktop.png")no-repeat 0 10px;}*/

.graphic_content ul li:nth-child(1){position: relative}
.graphic_content ul li:nth-child(2){position: relative}

.graphic_content ul li:nth-child(1)::before{ font-size: 44px;top: 7px;color: #999999; content: "\f085"; font-family: FontAwesome; position: absolute;left: 5px;}

.graphic_content ul li:nth-child(2)::before{ font-size: 42px;top: 1px;color: #999999; content: "\f275"; font-family: FontAwesome; position: absolute;left: 7px;}

.graphic_content ul li:nth-child(3){background:url("images/pad.png")no-repeat 0 2px;}

/*
.graphic_content ul li:nth-child(2){background:url("images/desktop.png")no-repeat 0 10px;}
.graphic_content ul li:nth-child(3){background:url("images/pad.png")no-repeat 0 2px;}
*/

.graphic_content ul li h5{text-transform:uppercase;font-size:19px;padding-bottom:5px;}
.get_in{float: left;width: 100%;background:#b32e31 ;padding: 30px 0 30px;color:#fff;}
.get_in h3{text-align: center;font-size: 30px; font-family: 'OpenSansSemibold';font-weight: 400;letter-spacing: 3px;padding-top: 2px;}
.border_line{text-align: center;}
.get_para{font-size: 20px;font-family: 'OpenSansRegular';;margin: 0 auto;text-align: center;padding: 10px 0 20px;;}
.inner_get{margin: 25px 1%;width: 36%;float: left}
.input_left{float: left;width: 44%;}
.input_right{float: right;width: 44%;}
.inner_get input[type="text"] {border: none; background: #fff; padding: 8px 1%; font-size: 15px; font-family: 'OpenSansSemibold'; color: #000;width: 47%}
.input_right.width { width: 98%!important; margin: 13px 0 0 0; padding: 0;}
.inner_get textarea {width: 98%;background: #fff;color: #000;border: none; margin: 10px 0; height: 68px; padding: 10px 1%; font-size: 15px; font-family: 'OpenSansRegular'; }
.inner_get  input[type=submit]{margin: 10px auto 0;float: none;display: block;width:154px;padding: 6px 0;background: #90292c;color:#fff;border: none; font-family: 'OpenSansSemibold';font-size: 15px;border-bottom: 4px solid #d43136;border-radius: 4px;cursor: pointer;}
.inner_get.inner_middle{width:29%}



/*footer*/
.address{position: relative;padding: 0 25px;color: #fff}
.address::before{
    font-size: 20px;
    top: 0;
    color: #fdc12b;
    content: "\f041";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
}
.phone{position: relative;padding: 20px 25px 0;color: #fff}
.phone::before{
    font-size: 20px;
    top: 20px;
    color: #fdc12b;
    content: "\f095";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
}

.email{position: relative;padding: 20px 30px 0;color: #fff}
.email::before{
    font-size: 20px;
    top: 20px;
    color: #fdc12b;
    content: "\f0e0";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
}
footer{text-align: center;background: #90292c;border-top: 4px solid #b32e31;text-align: center;color: #fff;float: left;width: 100%}
footer p{padding: 20px 0;clear: both}

/*inner pages common page settiongs*/
.content_inner_pages{float: left;width: 100%;margin: 20px 0}
.inner_page_content {float: left;width: 100%;padding: 35px 0}
.inner_page_content p {
    padding: 17px 0 0;
    line-height: 1.8;
    font-size: 16px;
    font-family: inherit;
}
.inner_page_content.inner_page_content2 p{padding: 0}
.inner_page_content h1{padding: 0 0 0;color: #90292c;font-size: 35px;text-transform: uppercase;position: relative;text-align: center}
.inner_page_content h2{position: relative;padding: 0 0 17px 0;text-transform: capitalize;font-size: 25px}
.color_change{color:#90292c }
.fullers_earth {
    padding: 10px 2%;
    background: #90292c;
    color: #fff;
    width: auto;
    float: left;
    margin: 23px 0 0;
}
.inner_page_content h2::after{ background: #fdc12b; font-family: ""; content: ''; position: absolute; left: 0; width: 35px;  height: 3px; bottom: 10px;}
.inner_page_content h3{position: relative;padding: 13px 0 17px 0;font-size: 25px;text-transform: capitalize}
.inner_page_content h3::after{ background: #fdc12b; font-family: ""; content: ''; position: absolute; left: 0; width: 35px; height: 3px;    bottom: 10px;}
.field_list {
    height: 190px;
    margin: 32px 0 0;
    float: left;
    width: 32%;
    background: #ccc;
    padding: 14px 2% 20px;
}
.field_list.field_list_Granular {
    height: 130px;
    width: 24%
}
.field_list ul li::before { font-size: 11px; top: 3px; color: #90292c; content: "\f111"; font-family: FontAwesome; position: absolute;
    left: -18px;}
.field_list ul li { line-height: 1.8;}
.inner_page_content.product img{float: right;margin: 0 0 10px 10px;}
.field_list ul li { clear: both; margin: 4px 3% 0; width: auto; position: relative; font-family: 'OpenSansRegular'; color: #424242;line-height: 1.8}
.group_inner_pages {
    border-bottom: 2px dashed #ccc;
    float: left;
    width: 100%;
    padding: 20px 0 40px;
}
.group_inner_pages:last-child{ border-bottom: none}
.group_inner_pages.last_none{ border-bottom: none;padding: 20px 0 0}
/*contact_us*/

.contact_us{padding: 30px 1%;float: left;width: 98%;}
.contact_us h1{text-align:center;text-transform:uppercase;color:#000;font-size:42px;font-weight: normal;font-style: normal;margin: 10px 0;}
.contact_form1{float: left;margin-left: 25px;}
.contact_form3{margin-right: 0;}
.contact_form1 label{font-size: 16px;margin-bottom: 5px;float: left;color: #ff7e00;font-family: "ubuntubold";font-weight: normal}
.contact_form1 input[type=text]{float: left;width: 89%;padding: 10px 0% 10px 10%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 18px;background: none;}
.contact_form1 input[type=text].user_name{background: url(images/user.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_email{background: url(images/mail.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_number{background: url(images/phone.png) no-repeat scroll 4px center/25px;}
.contact_form1 textarea{float: left;width: 91%;padding: 10px 4%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 10px;background: none;}
.contact_form1 input[type=submit]{float: left;width: 120px;padding: 10px 0%;font-size: 15px;border: 1px solid #ffd800;margin-bottom: 10px;background: #ffd800 ;cursor: pointer;color: #fff;font-weight: bold;margin: 0 auto;clear: both;display: block;}
.contact_form1 input[type=submit]:hover{color: #ffd800;background: #fff}
.contact_address_icon{float: left;}
.contact_address{float: left;margin-left: 10px;}
.contact_address li {list-style: none}
.contact_form { margin-top: 40px;}
.contact_us h1{text-align: center;font-size: 35px;color: #90292c}
.contact_form1 h3 {color: #000;font-weight: normal}
 .fa.fa-address-card-o, .fa.fa-envelope, .fa.fa-phone, .fa.fa-fax{color:#ffd800}
.contact_form1 p{margin-bottom: 2px;}
.contact_form1{width: 380px;}
.contact_form2{width: 380px;}
.contact_form3{width: 275px; padding-left: 20px;}
.contact_form1.contact_form3 > p { margin: 12px 0;}
.contact_form3 p span{margin-left: 10px;}
.top_head_contact{ color: #006ec8;float: left;font-size: 22px;font-weight: normal;margin-bottom: 10px;
    padding: 0;text-transform: uppercase;}
.phone_contact { clear: both; margin: 0;}
.email2{margin: 9px 0 12px!important}
.contact_form_wrap { margin: 40px 0 0 0;}

@media screen and (max-width:1170px)
{
    .banner1{height: 362px;}
    .banner_text{margin: 176px auto 0}
    .head_upper{float: left;width: 96%;margin: 0 2%}
    .banner_text{width: 75%}
    .banner_text h3{font-size: 25px;}
    .banner_text p{font-size: 18px;}
    .you_ready h3{font-size: 20px;}
    .graphic_content{width: 50%;}
    .graphic_img {margin-top: 12%;}
    .you_ready{right: 20%}
    .list ul li .link_text{height: 80px;}
    .field_list {width: 45%}
    .field_list.field_list_fullers {height: 190px;}
    .field_list.field_list_Granular{width: 31%}
    .fullers_earth{margin: 23px 0 0 0}
    .bullet{top: -100px;}
    /* inner pages */
    .inner_page_wrap{float: left;width: 96%;padding: 0 2%}
    
    /* contact us  */
    .contact_form1,.contact_form2,.contact_form3{margin: 0 1%;width: 28%}
    .contact_us{margin: 30px 1% 85px;width: 96%}
    .inner_banner1, .inner_banner2, .inner_banner3, .inner_banner4{ background-size: cover; }
    
/*    high grade*/
    .wrap_product_inner.wrap_product_inner_left{width: auto;clear: both}
    .wrap_product_inner.wrap_product_inner_right{width: 98%}
    .wrap_product_inner.wrap_product_inner_left.screen_analysis2{margin: 0}
}

@media screen and (max-width:958px)
{
    .logo{width: 85px;}
    .banner{margin: -132px 0 0 0}
    .banner_text p{font-size: 18px;}
    .banner_text{margin:  100px auto 0;width: 68%}
   .you_ready h3{font-size: 25px;padding: 0 0 20px 0}
    .project { width: 200px;}
    .project a {padding: 10px 11px}
    .you_ready p{margin: 6px 0px 37px 0}
    .you_ready{right: unset;position: relative;top: 11px;}
    .banner1{height: 289px;}
    .text_wrap_header{background: #000;padding: 21px 0 45px}
    .bullet{top: -90px}
     .graphic_img {width: 96%;margin: 0 2%;}
    .graphic_content {width: 98%;margin: 20px 1%;}
    .inner_page1 {width: 48%;margin: 0 1%;height: 125px;}
    .inner_page1 img {margin: 15px 0;}
    .list ul li{width: 31%}
    .graphic_content h4 { padding: 10px 2%; clear: both; float: left; width: auto;}
    .graphic_content p {clear: both;padding: 10px 2% 0}
    .graphic_content ul{padding: 30px 2% 0}
    .inner_get.inner_middle{width: 30%}
    .inner_get{width: 50%}
    .inner_get:last-child{width: 66%;float: left;margin: 0 auto;display: table}
    .field_list.field_list_fullers { height: 246px;}
    .field_list.field_list_Granular{height: 140px;width: 45%}
/*    contact us */
    .contact_form1, .contact_form2, .contact_form3{width: 46%}
    .contact_form1.contact_form3:last-child{float: none}
    
}

@media screen and (max-width:767px)
{
    .banner1{height:436px;}
    .banner_text { margin: 253px auto 0; width: 60%;}
    .banner_text h3 {  font-size: 18px;line-height: 24px;}
    .banner_text p {  font-size: 15px;}
    .bullet{top: -78px;}
    .inner_page_client ul li {width: 98%;margin: 0 1%;}
    .inner_page_client ul li .para {height: auto;}
    .inner_page_client {width: 98%;margin: 0 1%;clear: both;}
    .inner_get.inner_middle{width: 48%}
    .inner_get{width: 46%}    
    .email2 i{color: #ffd800!important;margin: 0!important;font-size: unset!important}
    .contact_form1 input[type="text"] {padding: 10px 0 10px 15%;width: 84%}
    .contact_us{margin: 40px 1%}
    .field_list {   width: 39%;padding: 14px 5% 20px}
    .field_list.field_list_fullers{height: 300px;}
    .field_list.field_list_Granular { height: 156px; width: 39%;}
    .list ul li { width: 48%;}
    .list ul li .link_text { height: 60px;}
    .inner_section, .graphic{padding: 40px 0}
    .get_in{padding: 20px 0 38px}
    .graphic_content h4{text-align: center;width: 96%}
    .inner_get:last-child{float: left;margin: 10px 2% 0}
    .graphic p.sub{padding: 19px 0 32px}
}

@media screen and (max-width:599px)
{
    .inbner_banner_text{ width: auto; margin-top: 230px; }
    .inbner_banner_text h3{ font-size: 26px; }
    .bullet{top: -92px;}
    .banner1{height: 400px;}
    .banner {  margin: -130px 0 0 0;}
    .logo { float: left;  margin: 0px auto 0;  width: 83px;}
   
    .menu{display: none}
    .banner_text {  margin: 210px auto 0;width: 75%}
    
    /* --------------mobile menu-------------------*/
    .overlay{display: block}
.navbar{display: block;}
    .overlay_wrap h3 {  text-align: center;}
   .navbar{display: block!important}
/*   .mask{ overflow: hidden; }*/
   .overlay_wrap img {float: none; margin: 10px auto 0; width: auto!important; max-width: 100%;clear: both}
    .fa.fa-home,.fa.fa-user-plus,.fa.fa-handshake-o,.fa.fa-envelope,.fa.fa-user-circle-o,.fa.fa-users,.fa.fa-briefcase,.fa.fa-graduation-cap,.fa.fa-sitemap,.fa.fa-circle-o{  color: #b32e31 ;
    float: left;
    font-size: 30px;
    margin: 0 5%;
    width: 10%;} 
    .fa.fa-circle-o {  font-size: 15px;}
    .overlay ul li ul li {  padding: 5px 0;border-bottom: none;}
    .overlay ul li ul li a{margin: 0    }
    .navbar { position: relative; width: 100%; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);top: 29px}
    .navbar.navbar2 { position: relative; width: 100%; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);top: 20px}
    .button { position: absolute;top: calc(50% - 11px); right: 4%; height: 22px; width: 30px; cursor: pointer; overflow: hidden; -webkit-transition: opacity .25s ease;  transition: opacity .25s ease;  z-index: 9999;}
    .button.active .top {  -webkit-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg);  background: #000;}
    .button.active .middle_1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #fff;}
    .button.active .middle_2 { -webkit-transform: translateX(100%); transform: translateX(100%);background: #fff;}
    .button.active .bottom {  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);  background: #000;}
    .button:hover {  opacity: .7;}
    .button span { background: #fdc12b  ; position: absolute; top: 0; left: 0; height: 4px; width: 100%; -webkit-transition: all .35s ease;  transition: all .35s ease;}
    .button span:nth-of-type(2) {top: 9px;left: -50%;}
    .button span:nth-of-type(3) {top: 9px;left: 50%;}
    .button span:nth-of-type(4) { top: 18px;}
    .overlay ul li{float: none;}
    .overlay { display: block;position: absolute;top: 0;left: 0;height: 100%;width: 0%;opacity: 0;background: #fff   ; -webkit-transition: opacity .35s ease, visibility .35s ease, width .35s ease; transition: opacity .35s ease, visibility .35s ease, width .35s ease; visibility: hidden; z-index: 9999;width: 100%}
    .overlay.open { opacity: 1; visibility: visible; width: 100%;}
     .overlay.open li { -webkit-animation: menuFade .5s ease forwards; animation: menuFade .5s ease forwards;
      -webkit-animation-delay: .5s;    animation-delay: .5s;}
    .overlay.open li:nth-of-type(2) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(3) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(4) { -webkit-animation-delay: .5s; animation-delay: .5s;}
         .overlay.open li:nth-of-type(5) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(6) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay nav {width: 100%; position: absolute;height: 80%;top: 6px;-webkit-transform: translateY(-40%);  transform: translateY(-40%);
        font-size: 34px;font-family: 'Roboto Slab', sans-serif;font-weight: 400;text-align: center;}
    .overlay ul {width:100%; list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: 100%;}
    .overlay ul li { border-bottom: 1px solid #000;display: block; float: left;min-height: 34px; opacity: 0; padding: 6px 2% 0;
    position: relative; width: 96%;}
    .overlay ul li a {   font-size: 14px;display: block;position: relative; color: #b32e31  ;text-decoration: none;  overflow: hidden; text-align: left;margin: 7px 0 0 0;text-transform: capitalize}
    .overlay ul li a:hover{color: #000 }    

    @-webkit-keyframes menuFade {
        0% {   opacity: 0;   left: -25%;  }
      100% {  opacity: 1;  left: 0;}
    }

    @keyframes menuFade { 0% {  opacity: 0; left: -25%;}
      100% {  opacity: 1;  left: 0;}
    }   
    
/*----------------mobile menu ends here------------------*/
   
    .you_ready{width: 100%;float: left}
/*inner pages*/
    .inner_page_content p{clear: both}
    .inner_page_content.product img {  float: none; margin: 22px auto 10px;  display: table;}
    .inner_page_content h2, .inner_page_content h1, .inner_page_content h3{text-align: center}
    .inner_page_content h2::after, .inner_page_content h3::after{left: 41%}
    .field_list { width: auto; float: left;  margin: 0 0;padding: 0 5%}
    .fullers_earth { padding: 10px 2%;margin: 23px 0 23px 0;}

.field_list.field_list_Granular {

    height: 177px;
    width: 39%;
    padding: 10px 5% 0;

}
    .field_list.field_list_fullers{height: auto}
    .fullers_earth{text-align: center;padding: 10px 2%}
    .inner_page_content{padding: 40px 0}
  .contact_us{margin:0px 1%}
        .list ul li {
  
    border: 1px solid #ccc;
    box-shadow: 1px 1px 5px 2px #ccc;
    margin: 16px 2% 0;
    padding: 18px 0;
}
    .list .view_more{padding: 6px 5%;width: auto}
    .list ul li{width: 45%}
    .contact_form1, .contact_form2, .contact_form3{width: 94%}
    .physical_prop th, td{padding: 10px 11px}
}

@media screen and (max-width:479px)
{
       .physical_prop th, td{padding: 10px 4px}
    .wrap_product_inner.wrap_product_inner_left{width: 96%}
    .wrap_product{width: 95%}
    .logo img{border: none;}
    .logo{width: 125px;float: none}
    .banner{margin: 0}
    .banner_text{width: 98%;margin: 160px auto 0}
    .you_ready h3 { font-size: 24px;  padding: 0 0 5px 0;}
    .you_ready p { margin: 6px 2%; width: auto; font-size: 15px;}
    .list h2, .graphic h2{font-size: 25px;}
    .graphic_content ul{padding: 0 2% 0}
    .text_wrap_header { margin: 0 0; background: #000; padding: 20px 0;}
    .bullet li{font-size: 50px;}
    .project a {  padding: 6px 7px; font-size: 13px;}
    .project{width: 155px;}
    .list ul li {  width: auto}
    .inner_section{padding: 22px 0px}
    .list ul li .link_text {  height: auto;  padding: 10px 0;}
    .graphic_content{text-align: center}
    .graphic_content h4{text-align: center;width: 96%}
    .inner_get.inner_middle{width: auto}
    .inner_get{width: auto;padding: 0 2%}
    .get_para{padding: 10px 0 0}
    .inner_get:last-child{width: auto;padding: 0 2%}
    .get_in h3{padding: 0}
    .bullet {right: 34px;top: -60px;}
    .banner1 {   height: 353px;}
    /*inner pages*/
   .inner_page_wrap {text-align: center}
    
/* contact us */
    .contact_form1, .contact_form2 { margin: 0 1% 40px;width: 98%;}
    .contact_form1.contact_form3 { width: 90%;}
    .contact_us{margin: 0 1% 0px}
    .contact_form{margin-top: 30px}
    .contact_form1 h3{text-align: left;width: 100%;display: block;margin: 0 0 30px}
    .fullers_earth { text-align: center; padding: 10px 2%; margin: 15px auto; float: none;}
    .field_list.field_list_Granular {height: auto; width: 96%; padding: 0 2% 0; text-align: left; margin: 0 0 0 0;}
    .field_list ul li { text-align: left;  margin: 4px 0 8px 8%;  width: auto;}
    .graphic_content p, .graphic_content ul li h5{text-align: left}
    .contact_form1.contact_form3{margin: 0}

}
@media screen and (max-width:319px)
{
    
}