/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */

.about-content {text-align: center !important;}
.visionmission-wrap  {padding: 1rem !important}

.bigline::after,.smallline::after{    width: 100%;    left: 0;}
#header {
    height: 80px;
    padding: 15px 0;
    padding-top: 0;
    position: relative;
}
.container100,.container70  {
    max-width: 100%;
}
.navbarwrraper{margin: 0;padding: 0}

#intro{padding: 0}

.carousel-content{width: 100% !important;margin-top: 0%;
    margin-left: 0%;}
#intro .carousel-item{
	    height: 67vh;
}
#intro .carousel-background img {
    max-width: 100%;
    height: 100%;
}
#about {
        padding: 0px 0 !important;
    margin-bottom: 0px !important;
}
.mobile-nav-toggle{position: absolute;}
#about .about-content {
    padding-top: 0px;
}
.hideitemsmall
{display: none;}
#services{padding: 80px 0 80px 0;}

.corevalueheading {
    text-align: center;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #008ed7;margin-bottom: 2rem;
}
.core-value-dec li:first-child,.core-value-dec li:nth-child(2),.core-value-dec li:nth-child(3),
.core-value-dec li:nth-child(4),.core-value-dec li:nth-child(5),.core-value-dec li:nth-child(6){    left: 0;
    top: 0;}
.corevalue-wrap{flex-wrap: wrap;}
.valueimg {
    width: 100%;
    margin: 0 auto;
    /* margin-right: 12px; */
    text-align: center;
}
.valueheading,.valuedec{text-align: center;    width: 100%;}
.valueheading::after{display: none;}
.core-value-dec li{margin-bottom: 2rem}
.core-value-dec li:hover{border-radius: 36px;}
.visionmissiondec{    padding: 0px 0px;padding-bottom: 15px ;}
#footer .footer-top{background-size: cover;}
#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

.jm-icon-wrap.second .jm-link:hover .jm-icon {
    background-position: 12px 5px;
}
.jm-icon-wrap.second .jm-link .jm-icon{    background-position: 10px -53px;    background-size: 70%;}
.jm-link .jm-icon{    width: 80px;
    height: 80px;}
    .jm-link {
    text-decoration: none !important;
    display: inline-block;
    margin: 10px 0px;
    width: 42%;
}
.jm-icon-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.bigline{z-index: 999;}

.breadcrum {
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-fss {
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-about {
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-facilities {
    height: 30vh !important;
    background-position: center center !important;
}
.breadcrum-processes {
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-mould {
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-injection {
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-coating{
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-aqua {
    height: 30vh !important;
    background-position: center center !important;
}


.breadcrum-assemblies {
    height: 30vh !important;
    background-position: center center !important;
}




.breadcrum-industry{
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-client{
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-career{
    height: 30vh !important;
    background-position: center center !important;
}

.breadcrum-contact{
    height: 30vh !important;
    background-position: center center !important;
}














.paddingleft-mobile{padding-left: 10px !important}

.mutalmainheading {margin-top: 2rem;}
.maindec {
    padding-left: 0px;
}
ul.capabilities-content{    text-align: left;margin-bottom:0px }
ul.capabilities-content li{    display: inline-block;}

.processes-content{margin-top: 20px}
.graph-pointers > li:nth-child(2){top:0 !important;}
.counter-fss{grid-template-columns: repeat(3, 1fr);}
.counter-fss li{    margin-bottom: 30px;}
.border-counter{display: none;}
.counter-fss li:nth-child(even) .counter-circle {
    order: 1;
}
.counter-fss li:nth-child(even) .title-fss {
    order: 2;
    margin-bottom: 0px;
    margin-top: 25px;
}
.graph-pointers > li:nth-child(3) .points > ul, .graph-pointers > li:nth-child(4) .points > ul {
     margin-left: 0px; 
}
.graph-pointers > li:nth-child(3), .graph-pointers > li:nth-child(4) {
    width: 100%;
    margin-top: 18px;
}
.graph-pointers > li:nth-child(2) {
       left: 0%;margin-left: 0px;
}

.heading-box,.graph-pointers > li:nth-child(2) .graph-title::before,.graph-pointers > li:nth-child(2) 
.graph-title::after,.graph-pointers > li:nth-child(3) .graph-title::before,.graph-pointers > li:nth-child(3) 
.graph-title::after,.graph-pointers > li:nth-child(4) .graph-title::after,.graph-pointers > li:nth-child(4) .graph-title::before
{display: none;}

textarea.form-control {
    height: auto;
    margin-top: 35px;
}

#services .box {width: 100%}

/* STYLES END HERE */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-device-width : 481px)
and (max-device-width : 640px) {
/* STYLES GO HERE */
.about-content {text-align: center !important;}
.visionmission-wrap  {padding: 1rem !important}

.bigline::after,.smallline::after{    width: 100%;    left: 0;}
#header {
    height: 80px;
    padding: 15px 0;
    padding-top: 0;
    position: relative;
}
.container100,.container70  {
    max-width: 100%;
}
.navbarwrraper{margin: 0;padding: 0}

#intro{padding: 0}

.carousel-content{width: 70% !important;margin-top: 0%;
    margin-left: 0%;}
#intro .carousel-item{
	    height: 100vh;
}
#intro .carousel-background img {
    max-width: 100%;
    height: 100%;
}
#about {
        padding: 0px 0 !important;
    margin-bottom: 0px !important;
}
.mobile-nav-toggle{position: absolute;}
#about .about-content {
    padding-top: 0px;
}
.hideitemsmall
{display: none;}
#services{padding: 80px 0 80px 0;}

.corevalueheading {
    text-align: center;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #008ed7;margin-bottom: 2rem;
}
.core-value-dec li:first-child,.core-value-dec li:nth-child(2),.core-value-dec li:nth-child(3),
.core-value-dec li:nth-child(4),.core-value-dec li:nth-child(5),.core-value-dec li:nth-child(6){    left: 0;
    top: 0;}
.core-value-dec li{margin-bottom: 1.5rem;}
.valueheading::after{right: 12px;}
.core-value-dec li:hover{border-radius: 36px;}
.visionmissiondec{    padding: 0px 0px;padding-bottom: 15px ;}
#footer .footer-top{background-size: cover;}
#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

.jm-icon-wrap.second .jm-link:hover .jm-icon {
      background-position: 18px 16px;
}
.jm-icon-wrap.second .jm-link .jm-icon{    background-position: 18px -83px;    background-size: 70%;}

    .jm-link {
    text-decoration: none !important;
    display: inline-block;
    margin: 10px 0px;
    width: 42%;
}
.jm-icon-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.bigline{z-index: 999;}
#about .about-img {
    position: relative;
    margin: 0px 0px;
}
.imgabot{margin: 20px;}
.navbarwrraper{display: inline-block;}
.mutalmainheading {margin-top: 2rem;}
.maindec {
    padding-left: 0px;
}
ul.capabilities-content{    text-align: left;margin-bottom:0px }
ul.capabilities-content li{    display: inline-block;}
.processes-content{margin-top: 20px}

.graph-pointers > li:nth-child(2){top:0 !important;}
.counter-fss{grid-template-columns: repeat(3, 1fr);}
.counter-fss li{    margin-bottom: 30px;}
.border-counter{display: none;}
.counter-fss li:nth-child(even) .counter-circle {
    order: 1;
}
.counter-fss li:nth-child(even) .title-fss {
    order: 2;
    margin-bottom: 0px;
    margin-top: 25px;
}

textarea.form-control {
    height: auto;
    margin-top: 35px;
}

#services .box {width: 49%}

/* STYLES END HERE */
}

@media only screen
and (min-device-width : 641px)
and (max-device-width : 768px) {
/* STYLES GO HERE */
.about-content {text-align: center !important;}
.visionmission-wrap  {padding: 1rem !important}

.bigline::after,.smallline::after{    width: 100%;    left: 0;}
#header {
    height: 80px;
    padding: 15px 0;
    padding-top: 0;
    position: relative;
}
.container100,.container70  {
    max-width: 100%;
}
.navbarwrraper{margin: 0;padding: 0}

#intro{padding: 0}

.carousel-content{width: 70% !important;margin-top: 0%;
    margin-left: 0%;}
#intro .carousel-item{
	    height: 100vh;
}
#intro .carousel-background img {
    max-width: 100%;
    height: 100%;
}
#about {
        padding: 0px 0 !important;
    margin-bottom: 0px !important;
}
.mobile-nav-toggle{position: absolute;}
#about .about-content {
    padding-top: 0px;
}
.hideitemsmall
{display: none;}
#services{padding: 80px 0 80px 0;}
.corevalueheading {
    text-align: center;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #008ed7;margin-bottom: 2rem;
}
.core-value-dec li:first-child,.core-value-dec li:nth-child(2),.core-value-dec li:nth-child(3),
.core-value-dec li:nth-child(4),.core-value-dec li:nth-child(5),.core-value-dec li:nth-child(6){    left: 0;
    top: 0;}
.core-value-dec li{margin-bottom: 1.5rem;}
.valueheading::after{right: 12px;}
.core-value-dec li:hover{border-radius: 36px;}
    
.visionmissiondec{    padding: 0px 0px;padding-bottom: 15px ;}
#footer .footer-top{background-size: cover;}
#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

.jm-icon-wrap.second .jm-link:hover .jm-icon {
      background-position: 18px 16px;
}
.jm-icon-wrap.second .jm-link .jm-icon{    background-position: 18px -83px;    background-size: 70%;}

    .jm-link {
    text-decoration: none !important;
    display: inline-block;
    margin: 10px 0px;
    width: 42%;
}
.jm-icon-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.bigline{z-index: 999;}
#about .about-img {
    position: relative;
    margin: 0px 0px;
}

.imgabot{margin: 20px;}

.maindec {
    padding-left: 0px;
}
ul.capabilities-content{    text-align: left;margin-bottom:0px }
ul.capabilities-content li{    display: inline-block;}
.processes-content{margin-top: 20px}
.graph-pointers > li:nth-child(2){top:0 !important;}

.counter-fss{grid-template-columns: repeat(3, 1fr);}
.counter-fss li{    margin-bottom: 30px;}
.border-counter{display: none;}
.counter-fss li:nth-child(even) .counter-circle {
    order: 1;
}
.counter-fss li:nth-child(even) .title-fss {
    order: 2;
    margin-bottom: 0px;
    margin-top: 25px;
}
textarea.form-control {
    height: auto;
    margin-top: 35px;
}
#services .box {width: 49%}
/* STYLES END HERE */
}



@media only screen
and (min-device-width : 769px)
and (max-device-width : 860px) 
{
    /* STYLES GO HERE */
#header {
    height: 80px;
    padding: 15px 0;
    padding-top: 0;
    position: relative;
}
.container100,.container70  {
    max-width: 100%;
}
.navbarwrraper{margin: 0;padding: 0}

.hideitemsmall
{display: none;}


.corevalueheading {
    text-align: center;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #008ed7;margin-bottom: 2rem;
}
.core-value-dec li:first-child,.core-value-dec li:nth-child(2),.core-value-dec li:nth-child(3),
.core-value-dec li:nth-child(4),.core-value-dec li:nth-child(5),.core-value-dec li:nth-child(6){    left: 0;
    top: 0;}
.corevalue-wrap{flex-wrap: wrap;}
.valueimg {
    width: 100%;
    margin: 0 auto;
    /* margin-right: 12px; */
    text-align: center;
}
.valueheading,.valuedec{text-align: center;    width: 100%;}
.valueheading::after{display: none;}
.width100 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;    margin: 0 auto;
}

ul.core-value-dec li {
    width: 31.5%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    margin-bottom: 30px;
}

.core-value-dec li:hover {
    background: #fff;
    padding: 1px;
    border-radius: 36px 0px 36px 0px;
}

#footer .footer-top{background-size: cover;}
#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

.jm-icon-wrap.second .jm-link:hover .jm-icon {
    background-position: 12px 5px;
}
.jm-icon-wrap.second .jm-link .jm-icon{    background-position: 10px -53px;    background-size: 70%;}
.jm-link .jm-icon{    width: 80px;
    height: 80px;}
    .jm-link {
    text-decoration: none !important;
    display: inline-block;
    margin: 10px 10px;
}
.jm-icon-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

    /* STYLES END HERE */
}

@media only screen
and (min-device-width : 812px)
and (max-device-width : 900px) 
{
    /* STYLES GO HERE */

    ul.core-value-dec li{    width: 31%;}
    .visionmissiondec {
    padding: 0px 0px;
}
.visionmissiondec p{font-size: 15px;}
#intro .carousel-item {
    height: 100vh;
}
.paddingbottom10 p{font-size: 13px;}
.inductrylist{width: auto;}
ul.listingindust li a{font-size: 12px;}
.inductrylist .corevaluelines h2, .enquiry-industry .corevaluelines h2{font-size: 18px;}
.graph-pointers{    margin-top: 90px;}
.graph-pointers > li:nth-child(2){margin-left: -106px;}

.graph-pointers > li:nth-child(3) .points > ul, .graph-pointers > li:nth-child(4) .points > ul {
    margin-left: 0px;
    padding-left: 0px;
}
.mpal-points li{font-size: 14px}
.bigline::after{display: none !important;}

#intro h2{font-size: 14px;}


    /* STYLES END HERE */
}

@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */


/* STYLES END HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
.jm-link .jm-icon-title{    font-size: 18px;}
/* STYLES END HERE */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */

#footer .footer-top{background-size: cover;}


/* STYLES END HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
#intro .carousel-item {
    height: 100vh;
}
#intro {
    display: table;
    width: 100%;
    height: auto;
    background: #000;
}

.main-nav a{padding: 10px 6px;}
.container100 {
    max-width: 100%;
}
.content-right{    width: auto !important;}

/* STYLES END HERE */

}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
#intro .carousel-item {
    height: 40vh;
}
#intro {
    display: table;
    width: 100%;
    height: auto;
    background: #000;
}
.width100 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;    margin: 0 auto;
}
.core-value-dec{text-align: center;}

ul.core-value-dec li {
     width: 44%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    margin-bottom: 50px;
}

.corevalue-wrap{    display: inherit;
    text-align: center;}
.valueimg,.valueheading,.valuedec{width: 100%}
.valueheading::after{display: none;}



/* STYLES END HERE */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}