img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; 
height: auto; 
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 0;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; 
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.wp-smiley {
margin: 0;
}
.gallery {
margin: 0 auto 18px;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 10px solid #f1f1f1;
}
.gallery br+br {
display: none;
}
#content .attachment img {
margin: 0 auto;
}
.content ul, .content ol{margin:20px 0;}
.content ul li, .content ol li{margin:8px 0 8px 20px; line-height:26px;}
input[type="text"], input[type="email"], input[type="tel"], textarea {
border: 1px solid #cccccc;
padding: 15px !important;
background: #2F2A2E;
border: none;
color: #D1D3D4;
font-family: 'Noto Sans', sans-serif;
margin: 0 !important;
transition: all 0.5s;
}
input[type="text"]:hover, input[type="email"]:hover, textarea:hover{
background: #232123;
}
input[type="submit"], a.readmore, div.wpforms-container-full button.wpforms-submit, div.wpforms-container-full button[type="submit"]:not(:hover):not(:active) {
border: 0 none;
cursor: pointer;
background: #F7EE24;
margin: 0;
text-transform: uppercase;
color: #000000;
font-size: 15px;
font-family: 'Noto Sans', sans-serif;
padding: 10px 25px;
transition: all 0.5s;
display: inline-block;
font-weight:600;
}
input[type="submit"]:hover, a.readmore:hover, div.wpforms-container-full button.wpforms-submit:hover {
background: none repeat scroll 0 0 #DB2727;
padding: 10px 30px;
color:#ffffff;
}
*{
padding:0;
margin:0;
}
body.mceContentBody{
background:none;
color:#000000;
}
body,table{
font-family: 'Noto Sans', sans-serif;
font-size:17px;
color:#2F2A2D;
}
img, fieldset{
border:0;
}
table {
width: 100%;
border-collapse: collapse;
}
p{
line-height:30px; 
margin-bottom:25px;
}
a{
outline:none;
text-decoration:none;
color:#DB2727;
transition: all 0.5s;
}
a:hover{
color:#333333;
}
h1{
font-family: 'Bitter', serif;
font-size:45px; 
font-weight:400;
margin-bottom:20px;
color:#0D9347;
}
h2{
font-family: 'Bitter', serif;
color:#0D9347;
font-size:40px;
font-weight:400;
margin-bottom:20px;
}
h3{
font-family: 'Bitter', serif;
color:#58595B;
font-size:35px;
font-weight:400;
margin-bottom:20px;
}
h4{
font-family: 'Bitter', serif;
color:#58595B;
font-size:30px; 
font-weight:400;
margin-bottom:20px;
}
h5{
font-family: 'Bitter', serif;
color:#58595B;
font-size:18px; 
font-weight:400;
margin-bottom:20px;
}
.clear{
clear:both;
}
.admin-bar header{
margin-top:32px;
}
.wrapper{
width:90%;
margin:0 auto;
max-width:1500px;
}
.logo {
float: left;
width: 120px;
margin-right: 15px;
padding: 10px 0;
}
.logo img {
vertical-align: middle;
margin-right: 10px;
}
.nav {
float: right;
margin: 45px 0 0;
}
.header {
background: #ffffff;
z-index: 9999;
position: relative;
}
.banner .wrapper {
position: relative;
}
.bannercaption {
background: url(//www.mehintotalchemicals.com/wp-content/themes/mehintotalchemicals/images/banner-bg.png) no-repeat;
height: 100%;
position: absolute;
right: 0;
top: 0;
padding: 50px 10px 50px 164px;
box-sizing: border-box;
width: 600px;
color: #ffffff;
font-size: 19px;
}
.bannercaption h3, .about h3 {
color: #ffffff;
font-size: 55px;
}
.bannercaption p, .about p{
line-height:32px;
}
header {
background: #ffffff;
width: 100%;
height: 134px;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
border-bottom: 1px solid #ccc;
}
.logo, .header, .nav, .number {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.headerheight {
height: 134px;
}
header.smaller {
height: 134px;
}
.content {
padding: 50px 0;
overflow: hidden;
}
.home .content {
text-align: center;
}
.about {
background: url(//www.mehintotalchemicals.com/wp-content/themes/mehintotalchemicals/images/about-main-bg.jpg) no-repeat;
background-size: cover;
}
.about .iabout {
background: url(//www.mehintotalchemicals.com/wp-content/themes/mehintotalchemicals/images/about-2-bg.png) 0 0 no-repeat;
color: #ffffff;
font-size: 19px;
background-size: 800px;
}
.about .moduletable {
padding: 50px 150px 50px 0;
width: 650px;
box-sizing: border-box;
}
.productscroller {
text-align: center;
padding: 50px 0;
}
.pt-cv-content {
text-align: center;
}
.pt-cv-content .pt-cv-readmore {
padding: 10px 0;
}
.pt-cv-scrollable .pt-cv-title {
text-align: center;
}
.pt-cv-textbelow .pt-cv-thumbnail {
max-width: 200px !important;
}
.footer .ifooter {
background: #231F20;
color: #ffffff;
font-size: 14px;
}
.footermain {
padding: 50px 0;
}
.footer a {
color:#ffffff;
}
.footer a:hover {
color:#ffffff;
text-decoration:underline;
}
.footerleft {
float: left;
width: 20%;
margin-right: 10%;
}
.footermid {
float: left;
width: 20%;
}
.footerright {
float: left;
}
.footeraddress {
display: flex;
flex-wrap: wrap;
width: 50%;
float: right;
}
.footeraddress .moduletable {
flex: 1;
}
.homescroller .sa_hover_container {
position: relative;
}
.homescroller .caption {
background: url(//www.mehintotalchemicals.com/wp-content/themes/mehintotalchemicals/images/about-transparent.png) no-repeat;
position: absolute;
top: 19px;
left: 20px;
width: 100%;
bottom: 25px;
color: #fff;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.homescroller .caption h4 {
color: #fff;
margin-left: 3%;
width: 97%;
}
.homescroller .caption a {
color: #fff;
margin-left: 3%;
width: 97%;
display:inline-block;
}
.mega-menu-item.astm-search-menu.is-menu.popup.menu-item {
margin-top: 10px !important;
}
.productsmain {
display: flex;
flex-wrap: wrap;
}
.productsmain .products {
width: 23%;
margin: 0 1% 30px;
text-align: center;
}
.productsmain .products h2 {
font-size: 22px;
}
.productsmain .products img {
max-height: 250px;
width: auto;
}
.productimage {
float: right;
max-width: 300px;
}
.copyright p {
margin: 0;
}
.copyright {
background: #111;
text-align: center;
padding: 15px 0;
color: #ffffff;
}
.footer h4 {
color: #ffffff;
font-size: 17px;
}
.sf-field-post-meta-product_category {
margin: 0 !important;
}
.sf-field-post-meta-product_category ul {
margin: 0;
}
.sf-field-post-meta-product_category ul li {
list-style: none;
display: inline;
margin: 10px 20px 10px 0;
}
.sf-field-post-meta-product_category ul li input {
display: none;
}
.sf-field-post-meta-product_category ul li label {
background: #0D9347;
padding: 5px 10px;
font-weight: bold;
border: 1px solid #cccccc;
cursor: pointer;
color:#ffffff;
margin-bottom: 15px;
}
.productdetails {
text-align: center;
}
.sf-field-post-meta-product_category ul li label:hover {
background: #DB2727;
border: 1px solid #333333;
color: #ffffff;
}
.productslist {
display: flex;
flex-wrap: wrap;
}
.productsingle {
width: 22%;
margin: 0 1% 30px;
position: relative;
padding-bottom: 40px;
}
.productdetails h4 {
font-size: 20px;
margin-bottom: 5px;
}
a.productthumb {
display: block;
margin-bottom: 20px;
}
.productsingle a.readmore {
position: absolute;
bottom: 0;
left: 25%;
}
.contentleft {
float: left;
width: 70%;
}
.contentright {
float: right;
width: 25%;
margin-left: 5%;
}
.contentright ul li {
list-style: none;
margin: 8px 0;
padding-left: 1em;
text-indent: -1em;
}
.contentright {
float: right;
width: 25%;
margin-left: 5%;
background: #0D9347;
border-radius: 15px;
padding: 20px;
box-sizing: border-box;
}
.contentright h3 {
color: #ffffff;
font-size: 28px;
}
.contentright a {
color: #ffffff;
}
.contentright a:hover {
color: #ffffff;
text-decoration:underline;
}
.contentright li:before {
content: ">>";
padding-right: 5px;
color:#ffffff;
}
.productthumb {
box-sizing: border-box;
border: 1px solid #eee;
padding: 5px;
box-shadow: 0px 0px 5px #ccc;
}
img{
max-width:100%;
height:auto;
}
@media all and (min-width: 1400px){
.about .iabout .ifooter {
background-size: 60%;
}
}
@media all and (max-width: 1340px){
.productsmain .products {
width: 31%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 12px 0px 12px !important;
}
.footerleft {
margin-right: 2%;
}
.footeraddress {
width: 56%;
}
}
@media all and (max-width: 1020px){
.homescroller .caption {
background: #C7A36C;
position: relative;
top: 0;
left: 0;
width: 100%;
bottom: auto;
padding: 10px;
box-sizing: border-box;
display: block;
}
.homescroller .caption h4 {
color: #fff;
margin-left: 0;
width: auto;
font-size: 22px;
}
.homescroller .caption a {
color: #fff;
margin-left: 0;
width: auto;
display: inline-block;
}
.homescroller img {
display: block !important;
}
.bannercaption {
width: 400px;
}
.bannercaption h3, .about h3 {
color: #ffffff;
font-size: 30px;
}
.productsingle {
width: 31%;
}
.productimage {
float: none;
}
.contentleft {
width: 60%;
}
.contentright {
width: 35%;
padding: 15px;
font-size: 15px;
}
.contentright h3 {
font-size: 22px;
}
}
@media all and (max-width: 767px){
.bannercaption {
padding: 20px 10px 50px 164px;
}
h1 {
font-size: 35px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 25px;
}
h4 {
font-size: 20px;
}
.homescroller img {
display: block !important;
width: 100% !important;
}
.bannercaption h3 {
font-size: 22px;
}
.bannercaption {
font-size: 16px;
}
.bannercaption p {
line-height: 24px;
}
.about .moduletable {
padding: 50px 0;
width: auto;
box-sizing: border-box;
}
.bannercaption p {
margin-bottom: 10px;
}
.bannercaption h3 {
font-size: 22px;
margin-bottom: 10px;
}
.footeraddress {
display: block;
}
.bannercaption p a{
color:#ffffff;
}
.bannercaption p a.readmore{
color:#000000;
}
.productsmain .products {
width: 48%;
}
.pt-cv-view .carousel-control.right {
right: 40% !important;
margin-bottom:30px !important;
}
.pt-cv-view .carousel-control.left {
right: 50% !important;
margin-bottom:30px !important;
}
.pt-cv-scrollable .pt-cv-carousel .item {
margin-top: 30px;
}
.bannercaption {
padding: 20px;
position: relative;
background: #0D9347;
width: 100%;
box-sizing: border-box;
}
.banner img{
display:block;
}
.productsingle {
width: 48%;
}
.footeraddress {
display: block;
width: 50%;
}
.footerleft {
width: 100%;
text-align: center;
margin-bottom: 20px;
margin-right:0;
}
.footermid {
width: 40%;
}
.contentleft {
float: none;
width: 100%;
margin-bottom: 30px;
}
.contentright {
float: none;
width: 100%;
margin-left: 0;
}
header, header.smaller, .headerheight {
height: auto;
position: relative;
}
}
@media all and (max-width: 500px){
.bannercaption p {
margin-bottom: 10px;
line-height: 22px;
}
.productsmain .products {
width: 100%;
margin: 0 0 30px;
text-align: center;
}
.productsingle {
width: 100%;
margin: 0 0 30px;
}
a.productthumb {
text-align: center;
}
.productsingle a.readmore {
left: 32%;
}
.sf-field-post-meta-product_category ul li {
display: block;
margin: 5px 0;
}
.sf-field-post-meta-product_category ul li label {
width: 100%;
box-sizing: border-box;
margin:0;
}
.searchandfilter ul li li {
padding: 0 !important;
}
.footerleft {
float: none;
}
.footermid {
float: none;
width: 100%;
text-align: center;
}
.footeraddress {
display: block;
width: 100%;
text-align: center;
float: none;
}
.content img {
width: 100%;
display: block;
margin: 10px 0;
float: none;
}
}