@charset "utf-8";
/* CSS Document */

input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] { text-decoration:inherit;color: inherit; }

@media only screen and (min-width: 768px) {
/* animation css */
.u-fade { opacity: 0; transform: translate3d(0, 40px, 0); transition-property: opacity, transform; transition-duration: 0.6s, 1.2s; transition-delay:0.2s; transition-timing-function: ease-out;}
.txt-l { opacity: 0; transform: translate3d(100px, 0, 0); transition-property: opacity, transform; transition-delay:0.4s; transition-duration: 0.8s, 1s; transition-timing-function:ease-out;}
.ani-l { opacity: 0; transform:translate3d(-100px, 0, 0); transition-property: opacity, transform; transition-delay:.5s; transition-duration: 0.5s, 1s; transition-timing-function:ease-out;}
.ani-r { opacity: 0; transform: translate3d(100px, 0, 0); transition-property: opacity, transform; transition-delay:.2s; transition-duration: 0.5s, 1s; transition-timing-function:ease-out;}

.is-animated .u-fade, .is-animated .ani-l, .is-animated .ani-r, .is-animated .txt-l { opacity: 1; transform: translate3d(0, 0, 0); }

}
	
/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){

}
@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}
.flex-cont { padding-left:18px;}
.banner-home {min-height: inherit;} 
}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row { width:1000px;}	

.banner-home {min-height: inherit;} 

.main-menu .top-menu .logo {width: 180px;}
.main-menu .hd-links li {margin-right: 20px;}
.menu {margin: 0 20px 0 0;}
.ddsmoothmenu ul li {margin: 0px 25px 0 0;}
.ddsmoothmenu ul li a {font-size: 16px;}
.main-menu .hd-links li a.ph-ico {font-size: 16px;}
.main-menu .hd-links {margin-top: 0; top: -5px;}
.ddsmoothmenu ul li a::before {right: -12px;}
.flex-cont {padding-left: 0px;}
.flex-caption h1 {font-size: 30px; line-height: 40px; padding-bottom: 15px;}


.abt-cnt .abt-cnt-lft h1 {font-size: 32px; line-height: 42px; padding-bottom: 20px; margin-bottom: 20px;}
.abt-cnt .abt-cnt-lft {padding: 35px 0;}


.products-lst {padding: 50px 0 45px;}
.products-lst h2 {font-size: 38px; line-height: 42px; padding-bottom: 20px; margin-bottom: 25px;}
.products-lst p { font-size: 22px; line-height: 34px;}
.products-lst p br { display:none;}
.products-lst ul {margin-top: 30px;}
.products-lst ul li .prod-cnt p {font-size: 18px;}

.clients-lst {padding: 45px 0 40px;}
.clients-slide {margin-top: 30px;}
.clients-lst p {font-size: 22px; line-height: 34px;}

footer .ftr-btm .ftr-mid .ftr-mid-cnt {padding: 0 32px 50px;}
footer .ftr-btm .ftr-rgt .ftr-rgt-cnt {padding-left: 45px;}
footer .ftr-btm h3 {padding-bottom: 20px;}
.who-we-are p br{ display: none;}
#clients-lst .item h3 {font-size: 17px;}
.sil-full h2 {font-size: 32px; line-height: 46px;}
.sil-full p {font-size: 18px;}
footer .ftr-btm span {font-size: 16px;}
.wecome-lft h2 {font-size: 26px;line-height: 40px;}
.team h2 {font-size: 36px;}
.wecome-cont {padding-top: 70px;}
.rasio-lst ul li {margin-bottom: 50px;}
.rasio-lst {padding: 60px 0px;}
.addr-rgt li {padding: 20px 0;}
.addr-rgt h3 {margin-bottom: 5px;margin-top: 10px;}
}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%;}
.row, .top-row { width:750px;}

.banner-home {min-height: inherit;} 
.main-menu .top-menu .logo{margin-bottom: 0px;}
.m-menu { display: block; margin-top: 15px;}
.main-menu .top-hdr .top-lft ul li a {font-size: 12px;}
.main-menu .top-hdr .top-rgt .oth-lnks ul li a {font-size: 12px;}
.main-menu .top-hdr .top-rgt .scl-lnks {margin-left: 20px;}	
.menu { display:none;}
.main-menu .top-menu {padding: 20px 0;}
.main-menu .hd-links { margin-top:0;}
.flex-cont {width: auto;}
.flex-caption h1 {font-size: 22px; line-height: 36px; padding-bottom: 25px;}
.flex-caption p { font-size: 18px; line-height: 24px; margin-bottom: 20px;}
.flex-caption a.view-more {font-size: 12px; padding: 10px 20px;}
.banner-slide ul li .clt-img a {padding: 0 20px; height: 90px;}


.abt-cnt .abt-cnt-lft h1 {font-size: 24px; line-height: 36px; padding-bottom: 15px; margin-bottom: 20px;}
.abt-cnt .abt-cnt-lft p {font-size: 16px; line-height: 27px;}
.abt-cnt .abt-cnt-lft {padding: 20px 25px 20px;}
.abt-cnt .abt-cnt-lft p br{ display: none;}


.products-lst {padding: 50px 0 45px;}
.products-lst ul {margin-top: 30px;}
.products-lst p {font-size: 20px; line-height: 30px;}
.products-lst p br { display:none;}
.products-lst h2 {font-size: 38px; line-height: 42px; padding-bottom: 20px; margin-bottom: 25px;}
.products-lst ul li .prod-cnt p {font-size: 18px; line-height: 22px;}
.products-lst ul li .prod-cnt { min-height:84px; padding: 18px 55px 22px 25px;}

.clients-lst {padding: 45px 0 40px;}
.clients-slide {margin-top: 30px;}
.clients-lst h2  {font-size: 38px; line-height: 42px; padding-bottom: 20px; margin-bottom: 25px;}
.clients-lst p {font-size: 20px; line-height: 30px;}
.who-we-are p br{ display: none;}
.sch-cnt h3 {font-size: 16px;}
.sil-lft {width: 100%;float: left;margin-right: 0;}
.sil-rgt {width: 100%;float: left;}
.sil-full p {font-size: 18px;}
.who-we-are {padding: 50px 0 200px 0;}
.sil-full h2{font-size: 28px; line-height: 42px; margin-bottom: 25px;}
.silicates-app {width: 100%;float: left; padding: 50px 0;}
#clients-lst .owl-nav {width: 100%; float: left; right: auto;}
#clients-lst.owl-theme .owl-controls .owl-nav .owl-prev {left: 10px;}
#clients-lst.owl-theme .owl-controls .owl-nav .owl-next {right: 10px;}
.clients-lst p br{ display: none;}
footer {padding-top: 40px;}
footer .ftr-btm .ftr-lft {width: 50%;}
footer .ftr-btm .ftr-mid {width: 50%;border-right: none;}
footer .ftr-btm .ftr-mid .ftr-mid-cnt {padding: 0 10px 30px;}
footer .ftr-btm .ftr-mid .ftr-mid-cnt ul.lst li a{font-size: 14px;line-height: 18px;margin-right: 6px;padding-right: 6px;}
footer .ftr-btm .ftr-rgt ul.mail li a {width: 100%;text-align: center;}
footer .ftr-btm {padding-bottom: 25px;}
footer .ftr-btm .ftr-mid .ftr-mid-cnt {padding: 0 48px 50px;}
footer .ftr-btm .ftr-rgt .ftr-rgt-cnt {padding-left: 45px;}
footer .ftr-btm .ftr-lft {width: 34%;}
footer .ftr-btm .ftr-mid { width: 40%;}
footer .ftr-btm .ftr-rgt {float: left;width: 26%;}
footer .ftr-btm .ftr-mid .ftr-mid-cnt {padding: 0 10px 0px;}
footer .ftr-btm .ftr-rgt .ftr-rgt-cnt {padding-left: 20px;}
footer .ftr-btm .ftr-rgt ul li {margin-right: 14px;}
footer .ftr-btm h3 {padding-bottom: 15px; font-size: 18px; line-height: 24px;}
.main-menu .top-menu .hdr-lft {display: none;}
footer .ftr-btm p {font-size: 15px;line-height: 28px;}
footer .ftr-btm .ftr-rgt ul.mail li a {font-size: 15px;}
footer .copy-rights p {font-size: 15px;line-height: 24px;padding: 18px 0;}
footer .ftr-btm span {font-size: 15px;}
#clients-lst .item h3 {font-size: 18px;}
.who-we-are h2{font-size: 32px;line-height: 42px;margin-bottom: 20px;padding-bottom: 20px;}
.sch-cnt:after {font-size: 28px;}
.who-we-are p {font-size: 18px;}
.inner-banner {background-size: cover;background-position: center center;}
.inner-banner img { opacity: 0;}
.inner-page-title h1 {font-size: 42px;line-height: 52px;}
.cont-map .cont-map-lft{padding: 40px 0;}
.contact h2, .cont-map h2 {font-size: 24px;}
.contact {padding: 50px 0px;}
.cont-map-lft ul li h3 {font-size: 20px;}
.wecome-lft {width: 100%;float: left;margin-right: 0%;}
.wecome-rgt {width: 100%;float: left;}
.wecome-lft h2 {font-size: 28px;line-height: 42px; margin-bottom: 30px;}
.wecome-lft h2 br{ display: none;}
.welcome {padding: 50px 0px;}
.wecome-img {width: 100%;float: left;margin-right: 0%;padding-top: 30px;}
.wecome-cont {width:100%;float: left;padding-top: 0px; padding-top: 30px;}
.wecome-cont p:last-child { margin-bottom: 0;}
.team h2{ font-size: 32px;}
.team {padding: 50px 0;}
.wecome-rgt p {font-size: 22px;line-height: 32px;}
.wecome-cont p {margin-bottom: 18px;}
.team-cont h3 {font-size: 16px;}
.phy, .rasio-lst {padding: 50px 0px;}
.rasio-lst ul li {margin-bottom: 50px;}
.phy ul li h3, .phy ul li h3 span {font-size: 16px;}
.phy h2{font-size: 28px;line-height: 36px;}
.phy h2 span {display: inline;}
.cont-lft {width: 100%;float: left; margin-right: 0; margin-bottom: 50px;}
.cont-rgt {width: 100%;float: left;}
.addr-lft ul li:last-child { margin-bottom: 0;}
.addr-rgt li {padding: 45px 0;}

}
	
/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row { width:100%; padding:0px 15px; }

.m-menu { display: block; margin-top: 15px;}	
.main-menu .top-menu .logo { width:200px; margin-bottom: 0;}
.banner-home { height:550px;}
.banner-home .flexslider { min-height:inherit; height:550px;}
.banner-home .flexslider .slides > li{ min-height:inherit; background:no-repeat center center; background-size: auto 100%;}
.banner-home .flexslider .slides > li::after { position: absolute; right: 0; display: block; content: ""; height: 100%; background: rgba(0,0,0,0.3); width:100%; }
.banner-home .flexslider .slides > li img {opacity: 0; display:none;}

.flex-caption p { color:#ffffff; margin-bottom: 25px;}
.flex-caption h1 { color:#ffffff; padding-bottom: 35px; font-size: 32px; line-height: 46px;}
.flex-cont { text-align:center; padding-left: 0;}
.who-we-are p br{ display: none;}
.sch-cnt h3 {font-size: 16px;}
.sil-lft {width: 100%;float: left;margin-right: 0;}
.sil-rgt {width: 100%;float: left;}
.sil-full p {font-size: 18px;}
.who-we-are {padding: 40px 0 200px 0;}
.sil-full h2{font-size: 24px; line-height: 36px; margin-bottom: 25px;}
.silicates-app {width: 100%;float: left; padding: 40px 0;}
#clients-lst .owl-nav {width: 100%; float: left; right: auto;}
#clients-lst.owl-theme .owl-controls .owl-nav .owl-prev {left: 10px;}
#clients-lst.owl-theme .owl-controls .owl-nav .owl-next {right: 10px;}
.clients-lst p br{ display: none;}
.banner-slide ul li {width: 50%;}
.banner-slide ul li:nth-child(2n+2) .clt-img a { border-right:none;}

.banner-home .flex-control-nav { display: block; width: auto; top: auto; bottom: 10px; right: 20px;}
.flex-control-nav li {margin: 0 10px 0 0;}
.banner-home .flex-direction-nav { display: none;}

.abt-cnt .abt-cnt-lft {width: 100%; margin-right: 0; padding: 40px 25px;}
.abt-cnt .abt-cnt-lft p { padding-right: 0px;}

.abt-cnt .abt-cnt-lft h1 { font-size: 30px; line-height: 34px; padding-bottom: 20px; margin-bottom: 20px;}
.abt-cnt .abt-cnt-rgt { width:100%;}
.abt-cnt .abt-cnt-lft p br{ display: none;}
.who-we-are h2 {font-size: 24px;line-height: 32px; margin-bottom: 20px; padding-bottom: 20px;}
.who-we-are p {font-size: 18px;line-height: 28px;}
.clients-lst p {padding: 0; font-size: 20px; line-height: 32px;}
.clients-slide {margin-top: 30px;}
.clients-lst { padding: 40px 0 40px;}
.clients-lst h2 { font-size: 32px; line-height: 34px; padding-bottom: 20px; margin-bottom: 20px;}

.products-lst h2 { font-size: 32px; line-height: 34px; padding-bottom: 20px; margin-bottom: 20px;}
.products-lst { padding: 40px 0 35px;}
.products-lst p {font-size: 20px; line-height: 32px;}
.products-lst p br { display:none;}
.products-lst ul {margin-top: 30px;}
.products-lst ul li { width:100%; margin-right:0;}
.products-lst ul li:first-child, .products-lst ul li:nth-child(3n) { width: 100%;}
.products-lst ul li .prod-cnt span { display:none;}
.products-lst ul li .prod-cnt p { font-size: 18px; }
.sch-cnt {padding: 5px 15px 22px 15px;}
.sch-cnt:after {font-size: 32px;}
.main-menu .top-hdr { display:none;}
.menu { display:none;}
.main-menu .top-menu { padding:15px 0;}
.main-menu .hd-links li a.ph-ico span { display: none;}
.main-menu .hd-links li a.ph-ico { background: url(../images/ph-ico.png) no-repeat top 0px left; top: 0; width: 18px; height: 18px; padding-left: 0;}
.main-menu .hd-links li a.enquiry-btn span {display: none;}
.main-menu .hd-links li a.enquiry-btn { background:url(../images/mail-ico.png) no-repeat top 0px left; padding:0; width:18px; height:13px;}
.main-menu .hd-links li a.enquiry-btn:hover {background:url(../images/mail-ico.png) no-repeat top 0px left;}
.main-menu .hd-links {margin-top: 12px;}
.main-menu .hd-links li {margin-right: 20px;}
.product-lst ul li {float: left;width: 49%; margin-bottom: 20px;}
.product-lst ul li:nth-child(2n+2){ margin-right: 0;}
.product-lst ul li:last-child { margin-bottom: 0;}

footer {padding-top: 40px;}
footer .ftr-btm .ftr-lft {width: 50%;}
footer .ftr-btm .ftr-mid {width: 50%; border-right:none;}
footer .ftr-btm .ftr-rgt .ftr-rgt-cnt {padding-left: 0px; text-align: center;}
footer .ftr-btm .ftr-rgt ul li { float:none; display:inline-block;}
footer .ftr-btm .ftr-rgt { border-top:1px solid #e7e7e7; padding-top: 20px; width: 100%;}
footer .ftr-btm h3 {padding-top: 30px; padding-bottom: 15px; font-size: 17px; line-height: 23px; font-family: 'lato-bold';}
footer .ftr-btm .ftr-mid .ftr-mid-cnt {padding: 0 10px 30px;}
footer .ftr-btm .ftr-rgt ul.mail li a{ width: 100%; text-align: center;}

.banner-slide ul li:first-child .clt-img a, .banner-slide ul li:nth-child(2n) .clt-img a { border-bottom: 1px solid #e8e8e8;}
.banner-slide ul li:last-child .clt-img a {border-bottom:none;}

.main-menu .top-menu .hdr-lft {display: none;}
footer .copy-rights p {font-size: 14px; line-height: 24px; padding: 15px 0;}
footer .ftr-btm .ftr-mid .ftr-mid-cnt ul.lst li a {font-size: 14px; margin-right: 8px;padding-right: 8px;}
footer .ftr-btm {padding-bottom: 25px;}
footer .ftr-btm .ftr-rgt ul.mail li:last-child { margin-bottom: 0;}
.nice-scroll {overflow-x: scroll;width: 100%;}
.inner-banner {background-size: cover;background-position: center center;}
.inner-banner img { opacity: 0;}
.inner-page-title h1{font-size: 28px;line-height: 42px; margin-bottom: 10px;}
.cont-lft {width: 100%;float: left;margin-right: 0px; margin-bottom: 50px;}
.cont-rgt {width: 100%;float: left;}
.contact {float: left;width: 100%;padding: 50px 0px;}
.cont-map .cont-map-lft {float: left;width: 100%;padding: 50px 0;background: #fdfdfd;}
.cont-map .cont-map-rgt {float: left;width: 100%; margin-bottom: 30px;}
.cont-map-img iframe {height: 300px;float: left;width: 100%;}
.wecome-lft {width: 100%;float: left;margin-right: 0%;}
.wecome-rgt {width: 100%;float: left;}
.wecome-lft h2 {font-size: 28px;line-height: 42px; margin-bottom: 30px;}
.wecome-lft h2 br{ display: none;}
.welcome {padding: 50px 0px;}
.wecome-img {width: 100%;float: left;margin-right: 0%;padding-top: 30px;}
.wecome-cont {width:100%;float: left;padding-top: 0px; padding-top: 30px;}
.wecome-cont p:last-child { margin-bottom: 0;}
.team h2{ font-size: 32px;}
.team {padding: 50px 0;}
.wecome-rgt p {font-size: 20px;line-height: 28px;}
.wecome-cont p {margin-bottom: 18px;}
.team-cont h3 {font-size: 16px;}
.phy {padding: 50px 0px;}
.phy h2{font-size: 32px;line-height: 42px;}
.phy ul li {width: 49%;float: left;margin-right: 2%; margin-bottom: 30px;}
.phy ul li:nth-child(2n+2) { margin-right: 0;}
.transport h2 {font-size: 36px;line-height: 42px;}
.phy ul li:nth-child(3), .phy ul li:lst-child { margin-bottom: 0;}
.transport p br{ display: none;}
.rasio-lst ul li .rasio-lft {width: 100%;float: left;margin-right: 0; margin-bottom: 25px;}
.rasio-lst ul li .rasio-rgt {width: 100%;float: left;}
.rasio-lst {padding: 50px 0px;}
.rasio-lst ul li .rasio-lft.rgt {width: 100%;float: left;margin-right: 0%;}
.rasio-lst ul li .rasio-rgt.lft {width: 100%;float: left;margin-right: 0%;}
.transport p {font-size: 22px;line-height: 32px;}
.transport h2 {font-size: 32px;line-height: 42px;}
.sales-spec h3 {font-size: 24px;padding-bottom: 16px;}
.sales-spec {padding: 50px 0px;}
.rasio-lst ul li{ margin-bottom: 40px;}
.phy ul li h3{ font-size: 20px;}
.rasio-lst ul li .rasio-lft h2 {font-size: 28px;padding-bottom: 10px;}
#specify table tr th {font-size: 18px;}
.popup {width: 100%; float: left; padding: 15px;}
.sign-up-vol ul li .l-p {width: 100%;float: left;margin-right: 0%; margin-bottom: 15px;}
.sign-up-vol ul li .l-r { width: 100%;}
.popup h3 {font-size: 18px;line-height: 28px;}
.addr-lft ul li:last-child {margin-bottom: 0px;}
}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.flex-caption p {font-size: 18px; line-height: 24px; margin-bottom: 15px;}
.banner-slide ul li .clt-img a {height: 80px;}
.banner-slide ul li .clt-img img { width:150px;}
footer .ftr-btm .ftr-lft { width:100%;}
footer .ftr-btm .ftr-mid { width:100%;}
footer .ftr-btm .ftr-mid {border-left:none; margin-top:20px;}
footer .ftr-btm .ftr-mid .ftr-mid-cnt {border-top: 1px solid #e7e7e7; padding: 20px 0 20px;}
footer .ftr-btm { text-align:center; padding-bottom: 20px;}
footer .ftr-btm .ftr-lft ul li a { float: none;}
footer { padding-top: 35px;}
footer .ftr-btm .ftr-rgt ul.mail li a {width: 100%; text-align: center;}
footer .copy-rights p span { display: block;}
.contact h2, .cont-map h2{ font-size: 24px; margin-bottom: 25px;}
.frm ul li label{ width: 100%; float: left;}
.frm ul li span {width: 100%;float: left;}
.frm ul li {width: 100%;float: left;margin-bottom: 15px;}
.submit-btn {float: left;width: 100%;margin-left: 0;text-align: center;}
.addr-lft p br{ display: none;}
.team-list ul li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 20px;}
.team-list ul li:nth-child(2n+2) {margin-right: 0;}
.wecome-lft h2 {font-size: 22px;line-height: 32px;margin-bottom: 30px;padding-bottom: 15px;}
.team h2 {font-size: 24px;}
.phy h2{font-size: 22px;line-height: 32px; margin-bottom: 35px;}
.addr-lft {float: left;width: 100%;margin-right: 0;}
.addr-rgt {float: left;width: 100%;}
.addr-rgt li {padding: 30px 0;}
.addr-lft ul li {margin-bottom: 0px;border-bottom: 1px solid #eee;padding: 30px 0;}
.addr-rgt li:first-child {padding-top: 30px;}
.addr-lft ul li:first-child {padding-top: 0px;}
#src_captcha {border: 1px solid #ededed !important;text-align: center !important;width: 100% !important;margin-bottom: 10px !important;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ 
@media screen and (max-width:479px) {
.flex-caption h1 {font-size: 30px; line-height: 44px;}
.banner-slide ul li .clt-img img { width: 120px; }
.banner-slide ul li .clt-img a { height: 60px;}
.clients-lst p {font-size: 18px; line-height: 30px;}
.products-lst p {font-size: 18px; line-height: 30px;}
.product-lst ul li {float: left;width: 100%;margin-right: 0;}
.addr-lft ul li {width: 100%;float: left;margin-right: 0%;min-height: inherit;}
.addr-lft ul li:nth-child(3) {margin-bottom: 30px;}
.team-list ul li{ width: 100%; float: left; margin-right:0; margin-bottom: 25px;}
.team-list ul li:last-child {margin-bottom: 0px;}
.phy ul li {width: 100%;float: left;margin-right: 0;margin-bottom: 30px;}
.phy ul li h3{ margin-top: 10px;}
.phy ul li:last-child {margin-bottom: 0;}
/*.fancybox-inner {width: 100% !important;}*/
.fancybox-skin {padding: 0 !important;}
.fancybox-close {right: 12px;top: 20px;}
}

@media screen and (max-width:359px) {
.main-menu .top-menu .logo { width: 160px;}
.main-menu .hd-links { margin-top: 10px;}
.m-menu a {margin-top: 4px;}
.flex-caption h1 {font-size: 24px; line-height: 36px;}
.abt-cnt .abt-cnt-lft h1 { font-size: 24px; line-height: 36px;}

}

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

}