@media screen and (max-width: 1400px) and (min-width:200px) {}


@media all and (min-width: 2200px) and (max-width: 5599px) {
    .container {
        max-width: 1740px;
    }

    section {
        padding: 30px 0;
    }

    /*****  Header css Start *****/
    header {
        padding: 40px 20px;
    }

    .clogobox a {
        font-size: 36px;
    }

 

    .header_fixed .hdr_logo img {
        max-height: 60px;
    }

    /*****  Mobile number css Start  *****/
    .mobtx {
        margin-top: 10px;
    }

    .mobtx img {
        max-height : 30px;
        margin-left: 15px;
    }

    .header_fixed .mobtx img {
        max-height: 25px;
    }

    .mobtx ul li a {
        font-size: 22px;
    }

    /*****  Mobile number css End  *****/
    /*****  Header css End *****/

    /*****  Header Navigation css Start *****/
    header .nav {
        padding-left: 5%;
    }

    header .nav ul li a {
        font-size  : 18px;
        line-height: 22px;
        padding    : 10px 20px !important;
    }

    header .dropdown:hover>.dropdown-menu li a {
        padding: 10px;
    }

    header .nav ul li a.dropdown-toggle::after {
        font-size: 18px;
    }

    /*****  Header Navigation css End *****/

    /*****  Banner css Start *****/
    .banner {
        height: 100vh;
    }

    .banner .owl-carousel .owl-item img {
        height: 100vh;
    }

    #banner_slider .owl-dots {
        bottom: 35px;
        width : 100%;
    }

    #banner_slider .owl-dot {
        width : 10px;
        height: 10px;
    }

    .sinceyear {
        top      : 60%;
        left     : 20px;
        font-size: 18px;
    }

    .whatsupicon {
        right : 20px;
        bottom: 40px;
    }

    .whatsupicon img {
        max-height: 50px;
    }

    /*****  Banner css End *****/
    .main {
        padding: 75px 0 0 0;
    }


    .aboutmmttxbox h1 {
        margin-bottom: 30px;
    }

    .aboutmmttxbox p {
        font-size  : 18px;
        line-height: 28px;
    }

    /*********** About MMT Section End *********/

    /*****  Our Product Section css Start *****/
    .ourproductbox .pdr10px {
        padding-right: 5px;
    }

    .ourproductbox .pdl10px {
        padding-left: 5px;
    }

    .ourproductbox h2 {
        margin-bottom: 20px;
        margin-bottom: 40px;
    }

    .ourproductbox .primgbox {
        max-height   : 600px;
        margin-bottom: 10px;
    }

  
    .ourproductbox .textwhatwedo {
        right: 10%;
    }

    .ourproductbox .primgbox h3 {
        font-size  : 19px;
        line-height: 0px;
    }

    .ourproductbox .primgbox p {
        font-size    : 14px;
        line-height  : 20px;
        padding-right: 100px;
    }

    a.rountbtn {
        padding    : 10px 30px;
        margin-top : 10px;
        font-size  : 20px;
        line-height: 24px;
    }

    .ourproductbox.rubberhouse .primgbox {
        max-height   : 610px;
        margin-bottom: 10px;
    }

    .ourproductbox.rubberhouse .primgbox img {
        height: 610px;
    }

    .ourproductbox.rubberhouse .textwhatwedo {
        left: 8%;
        top : 30%;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 {
        font-size  : 30px;
        line-height: 35px;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 span {
        font-size  : 60px;
        line-height: 60px;
    }

    .ourproductbox.rubberhouse .textwhatwedo a.rountbtn {
        margin-top: 15px;
    }

    /*****  Our Product Section css End *****/

    /*****  We Number Box Section css Start *****/
    .tradelinknumber ul li {
        width       : 18.75%;
        min-height  : 260px;
        padding     : 40px 30px;
        margin-right: 1.5%;
    }

    .counterbx .lgccounter {
        font-size  : 55px;
        margin-top : 15px;
    }

    .counterbx p {
        font-size    : 22px;
        line-height  : 25px;
        margin-top   : 25px;
        margin-bottom: 0;
    }

    /*****  We Number Box Section css End *****/

    /*****  We Number Box Section css Start *****/
    .bestsellerlist ul li {
        padding: 20px 30px;
    }

    .bestseller {
        font-size  : 12px;
        line-height: 14px;
        padding    : 5px 10px;
    }

    .bestsellerimgbox {
        margin: 10px 0;
    }

  

    .bestsellertitle {
        font-size    : 18px;
        line-height  : 18px;
        margin-bottom: 10px;
    }

    .bestsellertitle span {
        font-size  : 14px;
        line-height: 16px;
    }

    .bestsellerbox .owl-dots {
        height    : 2px;
        width     : 100%;
        margin-top: 30px;
    }

    .bestsellerbox .owl-dots .owl-dot {
        width : 250px;
        height: 2px;
    }

    .bestsellerbox .owl-dots .owl-dot.active {
        width : 250px;
        height: 2px;
    }

    /*****  We Number Box Section css End *****/

    /*****   Manufacturing Process Section css Start *****/
    .manufacturingbox img {
        max-height: 700px;
    }

    .manufacturingbox .textwhatwedo {
        top    : 20%;
        left   : 7%;
        z-index: 2;
        width  : 60%;
    }

    .manufacturingbox .textwhatwedo p.manufacturtitle {
        margin-bottom: 100px;
        font-size    : 30px;
    }

    .manufacturingbox .textwhatwedo h3 {
        font-size : 30px;
        list-style: 35px;
    }

    .manufacturingbox .textwhatwedo h3 span {
        font-size : 35px;
        list-style: 35px;
        margin-top: 5px;
    }

    /*****   Manufacturing Process Section css End *****/

    /*************************** MMT Inquiry section Start *****************/
    .inquirybox .container {
        max-width: 1710px;
    }

    .inquirybox span {
        font-size  : 18px;
        line-height: 20px;
        margin     : 0;
        padding    : 0;
    }

    .inquirybox p {
        font-size  : 40px;
        line-height: 53px;
        margin     : 15px 0 0 0;
    }

    .inquirybox .md-form {
        margin-bottom: 10px;
    }

    .inquirybox .md-form input {
        height: 55px;
    }

    .inquirybox .md-form textarea {
        height: 55px;
    }

    .inquirybox .md-form input,
    .inquirybox .md-form textarea {
        padding-left: 25px;
        font-size   : 16px;
    }

    .inquirybox .submitbtn {
        margin-top: 0px;
        padding   : 20px 15px;
        font-size : 16px;
    }

    /*************************** Karyan Inquiry section End *****************/

    /*************************** Footer section End *****************/
    .socialmenu {
        margin-top: 30px;
    }

    .socialmenu ul li {
        margin: 0 15px 0 0;
    }



    footer .container {
        padding  : 10px 0 0 0;
        max-width: 1710px;
    }

    footer p a:hover {
        margin-left: 5px;
    }

    footer h6 {
        font-size    : 20px;
        line-height  : 31px;
        margin-bottom: 20px;
    }


    footer .logobox img {
        max-height: 100px;
    }

    footer .logobox a {
        font-size: 30px;
    }

    footer .footermenu ul li {
        margin : 0 0 10px 0;
        padding: 0;
        width  : 100%;
    }

    footer .footermenu ul li a {
        padding  : 5px;
        font-size: 20px;
    }

    footer .footermenu ul li a:hover {
        margin-left: 5px;
    }

    .addreboxfooter {
        width: 50%;
    }

    .siteaddress p {
        font-size  : 16px;
        line-height: 24px;
    }

    .mobileemail p {
        font-size    : 16px;
        margin-bottom: 5px;
        line-height  : 29px;
    }

    .copyright {
        padding   : 35px 0;
        margin-top: 70px;
    }

    .copyright p {
        font-size: 16px;
    }

    /*************************** Footer section End *****************/


    .prbannertitle h1 {
        font-size  : 60px;
        line-height: 48px;
    }

    .whatsappchat {
        margin-top: 20px;
    }

    .whatsappchat a {
        font-size  : 16px;
        padding    : 15px 40px;
        line-height: 18px;
    }

    /*************************** Product Listing Page Css Start *****************/
    .detailtabbox .allprtitle {
        padding      : 20px 20px 17px 20px;
        top          : 70px;
        margin-bottom: 50px;
    }

    .detailtabbox .allprtitle ul.twonavbar>li {
        margin-right: 50px;
    }

    .detailtabbox .allprtitle ul.twonavbar a {
        padding    : 0;
        font-size  : 24px;
        line-height: 24px
    }

    .detailtabbox .allprtitle ul.twonavbar li a.active::after {
        bottom: -29px;
    }

    .prlistingbox ul.serieslist {
        margin-bottom: 50px;
    }

    .prlistingbox ul.serieslist>li {
        line-height: 18px;
        padding    : 0 20px;
    }

    .prlistingbox ul.serieslist a {
        padding    : 0;
        font-size  : 22px;
        line-height: 22px;
    }

    .productlist ul li {
        width        : 23.5%;
        height       : 503px;
        margin-right : 2%;
        margin-bottom: 2%;
    }

    .productlist ul li h3 {
        font-size  : 24px;
        line-height: 24px;
        margin     : 0px;
        padding    : 15px 0px;
    }

    ul.prtype li {
        padding: 15px 10px;
    }

    ul.prtype li p {
        font-size  : 16px;
        line-height: 24px;
        margin     : 0px;
        padding    : 0px 0px;
    }

    ul.prtype li p span {
        font-size  : 14px;
        line-height: 16px;
        margin     : 0px;
    }

    .removeitemtb {
        height: 100%;
        top   : 0;
        left  : 0;
        right : 0;
    }

    .removeitemtb ul {
        height: 500px;
        width : 413px;
    }

    .removeitemtb ul li {
        margin-top: 10px;
        width     : 100%;
        border    : 0px;
    }

    .removeitemtb ul li h3 {
        margin : 0px 0 15px 0;
        padding: 0px;
    }

    .removeitemtb ul li a {
        font-size: 16px;
        padding  : 15px 5px;
        width    : 60%;
    }

    .removeitemtb ul li i {
        font-size   : 22px;
        margin-right: 10px;
    }

    .image-gallery a:first-child {
        font-size: 16px;
        padding  : 15px 5px !important;
    }

    .rubberhose {
        padding-top: 60px;
    }

    .rubberhose h2 {
        margin-bottom: 40px;
    }

    .image-gallery a:first-child {
        font-size: 16px;
        width    : 60%;
    }

    /*************************** Product Listing Page Css End *****************/


    /*****  Testimonial Box Section css End *****/
    .testimoniallist ul li {
        height: 590px;
    }

    .testimoniallist ul li .textboxtestimonial {
        padding: 60px 20px 30px 20px;
    }

    .testimoniallist ul li .imgboxtestimonial {
        max-height: 500px;
    }

    .testimoniallist ul li p {
        line-height: 24px;
        font-size  : 18px;
    }

    .testimoniallist ul li p.emailidbox {
        margin-top: 30px;
    }

    .starlike i {
        margin-right: 3px;
        font-size   : 13px;
    }

    .testimonialbox h2 {
        margin-bottom: 5px;
    }

    .testimonialbox p.subtestimonial {
        font-size: 18px;
        margin   : 0 0 25px 0;
    }

    /*****  Testimonial Box Section css End *****/


}



@media all and (min-width: 1840px) and (max-width: 2199px) {
    .container {
        max-width: 1800px;
    }

    section {
        padding: 30px 0;
    }

    /*****  Header css Start *****/
    header {
        padding: 40px 20px;
    }

    .clogobox a {
        font-size: 36px;
    }

    .hdr_logo img {
        max-height: 75px;
    }

    .header_fixed .hdr_logo img {
        max-height: 60px;
    }

    /*****  Mobile number css Start  *****/
    .mobtx {
        margin-top: 10px;
    }

    .mobtx img {
        max-height : 30px;
        margin-left: 15px;
    }

    .header_fixed .mobtx img {
        max-height: 25px;
    }

    .mobtx ul li a {
        font-size: 22px;
    }

    /*****  Header Navigation css Start *****/
    header .nav {
        padding-left: 10%;
    }

    header .nav ul li a {
        font-size  : 18px;
        line-height: 22px;
        padding    : 10px 20px !important;
    }

    header .dropdown:hover>.dropdown-menu li a {
        padding: 10px;
    }

    header .nav ul li a.dropdown-toggle::after {
        font-size: 18px;
    }

    /*****  Header Navigation css End *****/

    /*****  Banner css Start *****/
    .banner {
        height: 100vh;
    }

    .banner .owl-carousel .owl-item img {
        height: 100vh;
    }

    #banner_slider .owl-dots {
        bottom: 35px;
        width : 100%;
    }

    #banner_slider .owl-dot {
        width : 10px;
        height: 10px;
    }

    .sinceyear {
        top      : 60%;
        left     : 20px;
        font-size: 18px;
    }

    .whatsupicon {
        right : 20px;
        bottom: 40px;
    }

    .whatsupicon img {
        max-height: 50px;
    }

    /*****  Banner css End *****/
    .main {
        padding: 50px 0 0;
    }

    /*********** About MMT Section Start *********/
    .aboutmmttxbox {
        padding: 0 100px;
    }

    .aboutmmttxbox h1 {
        margin-bottom: 30px;
    }

    .aboutmmttxbox p {
        font-size  : 18px;
        line-height: 28px;
    }

    /*********** About MMT Section End *********/

    /*****  Our Product Section css Start *****/
    .ourproductbox .pdr10px {
        padding-right: 5px;
    }

    .ourproductbox .pdl10px {
        padding-left: 5px;
    }

    .ourproductbox h2 {
        margin-bottom: 20px;
        margin-bottom: 40px;
    }

    .ourproductbox .primgbox {
        max-height   : 600px;
        margin-bottom: 10px;
    }

  

    .ourproductbox .textwhatwedo {
        right: 10%;
    }

    .ourproductbox .primgbox h3 {
        font-size  : 19px;
        line-height: 0px;
    }

    .ourproductbox .primgbox p {
        font-size    : 14px;
        line-height  : 20px;
        padding-right: 100px;
    }

    a.rountbtn {
        padding    : 15px 40px;
        margin-top : 10px;
        font-size  : 20px;
        line-height: 24px;
    }

    .ourproductbox.rubberhouse .primgbox {
        max-height   : 610px;
        margin-bottom: 0px;
    }

    .ourproductbox.rubberhouse .primgbox img {
        height: 610px;
    }

    .ourproductbox.rubberhouse .textwhatwedo {
        left: 8%;
        top : 30%;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 {
        font-size  : 30px;
        line-height: 35px;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 span {
        font-size  : 60px;
        line-height: 60px;
    }

    .ourproductbox.rubberhouse .textwhatwedo a.rountbtn {
        margin-top: 15px;
    }

    /*****  Our Product Section css End *****/

    /*****  We Number Box Section css Start *****/
    .tradelinknumber ul li {
        width       : 18.75%;
        min-height  : 260px;
        padding     : 40px 30px;
        margin-right: 1.5%;
    }

    .counterbx .lgccounter {
        font-size  : 55px;
        margin-top : 15px;
    }

    .counterbx p {
        font-size    : 22px;
        line-height  : 25px;
        margin-top   : 25px;
        margin-bottom: 0;
    }

    /*****  We Number Box Section css End *****/

    /*****  We Number Box Section css Start *****/
    .bestsellerlist ul li {
        padding: 20px 0px;
    }

    .bestseller {
        font-size  : 14px;
        line-height: 16px;
        padding    : 7px 15px;
    }


    .bestsellertitle {
        font-size    : 18px;
        line-height  : 18px;
        margin-bottom: 5px;
    }

    .bestsellertitle span {
        font-size  : 16px;
        line-height: 16px;
    }

    .bestsellerbox .owl-dots {
        height    : 1px;
        width     : 100%;
        margin-top: 30px;
    }

    .bestsellerbox .owl-dots .owl-dot {
        width : 250px;
        height: 1px;
    }

    .bestsellerbox .owl-dots .owl-dot.active {
        width : 250px;
        height: 1px;
    }

    /*****  We Number Box Section css End *****/

    /*****   Manufacturing Process Section css Start *****/
    .manufacturingbox img {
        max-height: 700px;
    }

    .manufacturingbox .textwhatwedo {
        top    : 20%;
        left   : 7%;
        z-index: 2;
        width  : 60%;
    }

    .manufacturingbox .textwhatwedo p.manufacturtitle {
        margin-bottom: 100px;
        font-size    : 30px;
    }

    .manufacturingbox .textwhatwedo h3 {
        font-size : 30px;
        list-style: 35px;
    }

    .manufacturingbox .textwhatwedo h3 span {
        font-size : 35px;
        list-style: 35px;
        margin-top: 5px;
    }

    /*****   Manufacturing Process Section css End *****/

    /*************************** MMT Inquiry section Start *****************/
 
    .inquirybox span {
        font-size  : 18px;
        line-height: 20px;
        margin     : 0;
        padding    : 0;
    }

    .inquirybox p {
        font-size  : 40px;
        line-height: 53px;
        margin     : 15px 0 0 0;
    }

    .inquirybox .md-form {
        margin-bottom: 10px;
    }

    .inquirybox .md-form input {
        height: 55px;
    }

    .inquirybox .md-form textarea {
        height: 55px;
    }

    .inquirybox .md-form input,
    .inquirybox .md-form textarea {
        padding-left: 25px;
        font-size   : 16px;
    }

    .inquirybox .submitbtn {
        margin-top: 0px;
        padding   : 20px 15px;
        font-size : 16px;
    }

    /*************************** Karyan Inquiry section End *****************/

    /*************************** Footer section End *****************/
    .socialmenu {
        margin-top: 30px;
    }

    .socialmenu ul li {
        margin: 0 15px 0 0;
    }



    footer .container {
        padding  : 10px 0 0 0;
        max-width: 1770px;
    }

    footer p a:hover {
        margin-left: 5px;
    }

    footer h6 {
        font-size    : 20px;
        line-height  : 31px;
        margin-bottom: 20px;
    }



    footer .logobox img {
        max-height: 100px;
    }

    footer .logobox a {
        font-size: 30px;
    }

    footer .footermenu ul li {
        margin : 0 0 10px 0;
        padding: 0;
        width  : 100%;
    }

    footer .footermenu ul li a {
        padding  : 5px;
        font-size: 20px;
    }

    footer .footermenu ul li a:hover {
        margin-left: 5px;
    }

    .addreboxfooter {
        width: 50%;
    }

    .siteaddress p {
        font-size  : 16px;
        line-height: 24px;
    }

    .mobileemail p {
        font-size    : 16px;
        margin-bottom: 5px;
        line-height  : 29px;
    }

    .copyright {
        padding   : 35px 0;
        margin-top: 70px;
    }

    /*************************** Footer section End *****************/

    /*************************** MMT Inquiry section Start *****************/
    .inquirybox .container {
      
        max-width: 1770px;
    }

    .inquirybox span {
        font-size  : 18px;
        line-height: 20px;
        margin     : 0;
        padding    : 0;
    }

    .inquirybox p {
        font-size  : 40px;
        line-height: 53px;
        margin     : 15px 0 0 0;
    }

    .inquirybox .md-form {
        margin-bottom: 10px;
    }

    .inquirybox .md-form input {
        height: 55px;
    }

    .inquirybox .md-form textarea {
        height: 55px;
    }

    .inquirybox .md-form input,
    .inquirybox .md-form textarea {
        padding-left: 25px;
        font-size   : 16px;
    }

    .inquirybox .submitbtn {
        margin-top: 0px;
        padding   : 20px 15px;
        font-size : 16px;
    }

    /*************************** Karyan Inquiry section End *****************/

    /*************************** Footer section End *****************/
    .socialmenu {
        margin-top: 30px;
    }

    .socialmenu ul li {
        margin: 0 15px 0 0;
    }

 

    footer .container {
        padding  : 10px 0 0 0;
        max-width: 1770px;
    }

    footer p a:hover {
        margin-left: 5px;
    }

    footer h6 {
        font-size    : 20px;
        line-height  : 31px;
        margin-bottom: 20px;
    }

    footer .logobox img {
        max-height: 100px;
    }

    footer .logobox a {
        font-size: 30px;
    }

    footer .footermenu ul li {
        margin : 0 0 10px 0;
        padding: 0;
        width  : 100%;
    }

    footer .footermenu ul li a {
        padding  : 5px;
        font-size: 18px;
    }

    footer .footermenu ul li a:hover {
        margin-left: 5px;
    }

    .addreboxfooter {
        width: 50%;
    }

    .siteaddress p {
        font-size  : 16px;
        line-height: 24px;
    }

    .mobileemail p {
        font-size    : 16px;
        margin-bottom: 5px;
        line-height  : 29px;
    }

    .copyright {
        padding   : 35px 0;
        margin-top: 70px;
    }

    .copyright p {
        font-size: 16px;
    }

    /*************************** Footer section End *****************/

    .prbannertitle h1 {
        font-size  : 60px;
        line-height: 48px;
    }

    .whatsappchat {
        margin-top: 20px;
    }

    .whatsappchat a {
        font-size  : 16px;
        padding    : 15px 40px;
        line-height: 18px;
    }

    /*************************** Product Listing Page Css Start *****************/
    .detailtabbox .allprtitle {
        padding      : 20px 20px 17px 20px;
        top          : 70px;
        margin-bottom: 50px;
    }

    .detailtabbox .allprtitle ul.twonavbar>li {
        margin-right: 50px;
    }

    .detailtabbox .allprtitle ul.twonavbar a {
        padding    : 0;
        font-size  : 24px;
        line-height: 24px
    }

    .detailtabbox .allprtitle ul.twonavbar li a.active::after {
        bottom: -29px;
    }

    .prlistingbox ul.serieslist {
        margin-bottom: 50px;
    }

    .prlistingbox ul.serieslist>li {
        line-height: 18px;
        padding    : 0 20px;
    }

    .prlistingbox ul.serieslist a {
        padding    : 0;
        font-size  : 22px;
        line-height: 22px;
    }

    .productlist ul li {
        width        : 23.5%;
        height       : 503px;
        margin-right : 2%;
        margin-bottom: 2%;
    }

    .productlist ul li h3 {
        font-size  : 24px;
        line-height: 24px;
        margin     : 0px;
        padding    : 15px 0px;
    }

    ul.prtype li {
        padding: 15px 10px;
    }

    ul.prtype li p {
        font-size  : 16px;
        line-height: 24px;
        margin     : 0px;
        padding    : 0px 0px;
    }

    ul.prtype li p span {
        font-size  : 14px;
        line-height: 16px;
        margin     : 0px;
    }

    .removeitemtb {
        height: 100%;
        top   : 0;
        left  : 0;
        right : 0;
    }

    .removeitemtb ul {
        height: 500px;
        width : 413px;
    }

    .removeitemtb ul li {
        margin-top: 10px;
        width     : 100%;
        border    : 0px;
    }

    .removeitemtb ul li h3 {
        margin : 0px 0 15px 0;
        padding: 0px;
    }

    .removeitemtb ul li a {
        font-size: 16px;
        padding  : 15px 5px;
        width    : 60%;
    }

    .removeitemtb ul li i {
        font-size   : 22px;
        margin-right: 10px;
    }

    .image-gallery a:first-child {
        font-size: 16px;
        padding  : 15px 5px !important;
    }

    .rubberhose {
        padding-top: 60px;
    }

    .rubberhose h2 {
        margin-bottom: 40px;
    }

    .image-gallery a:first-child {
        font-size: 16px;
        width    : 60%;
    }

    /*************************** Product Listing Page Css End *****************/

    /*****  Testimonial Box Section css End *****/
    .testimoniallist ul li {
        height: 590px;
    }

    .testimoniallist ul li .textboxtestimonial {
        padding: 60px 20px 30px 20px;
    }

    .testimoniallist ul li .imgboxtestimonial {
        max-height: 500px;
    }

    .testimoniallist ul li p {
        line-height: 24px;
        font-size  : 18px;
    }

    .testimoniallist ul li p.emailidbox {
        margin-top: 30px;
    }

    .starlike i {
        margin-right: 3px;
        font-size   : 13px;
    }

    .testimonialbox h2 {
        margin-bottom: 5px;
    }



    /*****  Testimonial Box Section css End *****/



}




@media all and (min-width: 1601px) and (max-width: 1839px) {

    .container {
        max-width: 1560px;
    }

    section {
        padding: 40px 0;
    }

    .prbannertitle.newtitle h4 {
        font-size: 100px !important;
    }

    /*****  Header css Start *****/
    header {
        padding: 40px 20px;
    }

    .clogobox a {
        font-size: 33px;
    }

    .hdr_logo img {
        max-height: 75px;
    }

    .header_fixed .hdr_logo img {
        max-height: 60px;
    }

    /*****  Mobile number css Start  *****/
    .mobtx {
        margin-top: 10px;
    }

    .mobtx img {
        max-height : 30px;
        margin-left: 0px;
    }

    .header_fixed .mobtx img {
        max-height: 25px;
    }

    .mobtx ul li a {
        font-size: 22px;
    }

    /*****  Mobile number css End  *****/
    /*****  Header css End *****/

    /*****  Header Navigation css Start *****/
    header .nav {
        padding-left: 0%;
    }

    header .nav ul li a {
        font-size  : 18px;
        line-height: 22px;
        padding    : 10px 20px !important;
    }

    header .dropdown:hover>.dropdown-menu li a {
        padding: 10px;
    }

    header .nav ul li a.dropdown-toggle::after {
        font-size: 18px;
    }

    /*****  Header Navigation css End *****/

    /*****  Banner css Start *****/
    .banner {
        height: 100vh;
    }

    .banner .owl-carousel .owl-item img {
        height: 100vh;
    }

    #banner_slider .owl-dots {
        bottom: 35px;
        width : 100%;
    }

    #banner_slider .owl-dot {
        width : 10px;
        height: 10px;
    }

    .sinceyear {
        top      : 60%;
        left     : 20px;
        font-size: 18px;
    }

    .whatsupicon {
        right : 20px;
        bottom: 40px;
    }

    .whatsupicon img {
        max-height: 50px;
    }

    /*****  Banner css End *****/
    .main {
        padding: 75px 0 0;
    }

    /*********** About MMT Section Start *********/
    .aboutmmttxbox {
        padding: 0 50px;
    }

    .aboutmmttxbox h1 {
        margin-bottom: 20px;
    }

    .aboutmmttxbox p {
        margin-bottom: 25px;
    }

    .aboutmmttxbox p {
        font-size  : 18px;
        line-height: 28px;
    }

    /*********** About MMT Section End *********/

    /*****  Our Product Section css Start *****/
    .ourproductbox .pdr10px {
        padding-right: 5px;
    }

    .ourproductbox .pdl10px {
        padding-left: 5px;
    }

    .ourproductbox h2 {
        margin-bottom: 20px;
        margin-bottom: 30px;
    }

    .ourproductbox .primgbox {
        max-height   : 500px;
        margin-bottom: 10px;
    }


    .ourproductbox .textwhatwedo {
        right: 10%;
    }

    .ourproductbox .primgbox h3 {
        font-size  : 19px;
        line-height: 0px;
    }

    .ourproductbox .primgbox p {
        font-size    : 14px;
        line-height  : 20px;
        padding-right: 100px;
    }

    a.rountbtn {
        padding    : 10px 35px;
        margin-top : 5px;
        font-size  : 16px;
        line-height: 24px;
    }

    .ourproductbox.rubberhouse .primgbox {
        max-height   : 560px;
        margin-bottom: 0px;
    }

    .ourproductbox.rubberhouse .primgbox img {
        height: 560px;
    }

    .ourproductbox.rubberhouse .textwhatwedo {
        left: 8%;
        top : 30%;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 {
        font-size  : 30px;
        line-height: 35px;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 span {
        font-size  : 60px;
        line-height: 60px;
    }

    .ourproductbox.rubberhouse .textwhatwedo a.rountbtn {
        margin-top: 15px;
    }

    /*****  Our Product Section css End *****/

    /*****  We Number Box Section css Start *****/
    .tradelinknumber ul li {
        width       : 18.75%;
        min-height  : 230px;
        padding     : 30px 25px;
        margin-right: 1.5%;
    }

    .counterbx .lgccounter {
        font-size  : 55px;
        margin-top : 5px;
    }

    .counterbx p {
        font-size    : 20px;
        line-height  : 25px;
        margin-top   : 15px;
        margin-bottom: 0;
    }

    /*****  We Number Box Section css End *****/

    /*****  We Number Box Section css Start *****/
    .bestsellerlist ul li {
        width  : 100%;
        padding: 20px 30px;
    }

    .bestseller {
        font-size  : 14px;
        line-height: 16px;
        padding    : 7px 15px;
    }

    

    .bestsellertitle {
        font-size    : 18px;
        line-height  : 18px;
        margin-bottom: 5px;
    }

    .bestsellertitle span {
        font-size  : 16px;
        line-height: 16px;
    }

    .bestsellerbox .owl-dots {
        height    : 1px;
        width     : 100%;
        margin-top: 30px;
    }

    .bestsellerbox .owl-dots .owl-dot {
        width : 250px;
        height: 1px;
    }

    .bestsellerbox .owl-dots .owl-dot.active {
        width : 250px;
        height: 1px;
    }

    /*****  We Number Box Section css End *****/

    /*****   Manufacturing Process Section css Start *****/
    .manufacturingbox img {
        max-height: 600px;
    }

    .manufacturingbox .textwhatwedo {
        top    : 20%;
        left   : 5%;
        z-index: 2;
        width  : 60%;
    }

    .manufacturingbox .textwhatwedo p.manufacturtitle {
        margin-bottom: 80px;
        font-size    : 24px;
    }

    .manufacturingbox .textwhatwedo h3 {
        font-size : 24px;
        list-style: 35px;
    }

    .manufacturingbox .textwhatwedo h3 span {
        font-size : 28px;
        list-style: 35px;
        margin-top: 5px;
    }

    /*****   Manufacturing Process Section css End *****/

    /*************************** MMT Inquiry section Start *****************/
    .inquirybox .container {
     
        max-width: 1530px;
    }

    .inquirybox span {
        font-size  : 18px;
        line-height: 20px;
        margin     : 0;
        padding    : 0;
    }

    .inquirybox p {
        font-size  : 34px;
        line-height: 43px;
        margin     : 15px 0 0 0;
    }

    .inquirybox .md-form {
        margin-bottom: 10px;
    }

    .inquirybox .md-form input {
        height: 55px;
    }

    .inquirybox .md-form textarea {
        height: 55px;
    }

    .inquirybox .md-form input,
    .inquirybox .md-form textarea {
        padding-left: 25px;
        font-size   : 16px;
    }

    .inquirybox .submitbtn {
        margin-top: 0px;
        padding   : 15px 15px;
        font-size : 16px;
    }

    /*************************** Karyan Inquiry section End *****************/

    /*************************** Footer section End *****************/
    .socialmenu {
        margin-top: 30px;
    }

    .socialmenu ul li {
        margin: 0 15px 0 0;
    }


    footer .container {
        padding  : 10px 0 0 0;
        max-width: 1530px;
    }

    footer p a:hover {
        margin-left: 5px;
    }

    footer h6 {
        font-size    : 20px;
        line-height  : 31px;
        margin-bottom: 20px;
    }

    footer .logobox {
        padding-left: 50px;
    }

    footer .logobox img {
        max-height: 100px;
    }

    footer .logobox a {
        font-size: 30px;
    }

    footer .footermenu ul li {
        margin : 0 0 10px 0;
        padding: 0;
        width  : 100%;
    }

    footer .footermenu ul li a {
        padding  : 5px;
        font-size: 20px;
    }

    footer .footermenu ul li a:hover {
        margin-left: 5px;
    }

    .addreboxfooter {
        width: 50%;
    }

    .siteaddress p {
        font-size  : 16px;
        line-height: 24px;
    }

    .mobileemail p {
        font-size    : 16px;
        margin-bottom: 5px;
        line-height  : 29px;
    }

    .copyright {
        padding   : 35px 0;
        margin-top: 70px;
    }

    /*************************** Footer section End *****************/

    /*************************** MMT Inquiry section Start *****************/
    .inquirybox .container {
  
        max-width: 1530px;
    }

    .inquirybox span {
        font-size  : 18px;
        line-height: 20px;
        margin     : 0;
        padding    : 0;
    }

    .inquirybox p {
        font-size  : 34px;
        line-height: 43px;
        margin     : 15px 0 0 0;
    }

    .inquirybox .md-form {
        margin-bottom: 10px;
    }

    .inquirybox .md-form input {
        height: 55px;
    }

    .inquirybox .md-form textarea {
        height: 55px;
    }

    .inquirybox .md-form input,
    .inquirybox .md-form textarea {
        padding-left: 25px;
        font-size   : 16px;
    }

    .inquirybox .md-form textarea::placeholder {
        padding-top: 8px;
    }

    .inquirybox .submitbtn {
        margin-top: 0px;
        padding   : 20px 15px;
        font-size : 16px;
    }

    /*************************** Karyan Inquiry section End *****************/

    /*************************** Footer section End *****************/
    .socialmenu {
        margin-top: 30px;
    }

    .socialmenu ul li {
        margin: 0 15px 0 0;
    }

    footer .container {
        padding  : 10px 0 0 0;
        max-width: 1530px;
    }

    footer p a:hover {
        margin-left: 5px;
    }

    footer h6 {
        font-size    : 20px;
        line-height  : 31px;
        margin-bottom: 20px;
    }

  

    footer .logobox img {
        max-height: 100px;
    }

    footer .logobox a {
        font-size: 30px;
    }

    footer .footermenu ul li {
        margin : 0 0 10px 0;
        padding: 0;
        width  : 100%;
    }

    footer .footermenu ul li a {
        padding  : 5px;
        font-size: 20px;
    }

    footer .footermenu ul li a:hover {
        margin-left: 5px;
    }

    .addreboxfooter {
        width: 50%;
    }

    .siteaddress p {
        font-size  : 16px;
        line-height: 24px;
    }

    .mobileemail p {
        font-size    : 16px;
        margin-bottom: 5px;
        line-height  : 29px;
    }

    .copyright {
        padding   : 35px 0;
        margin-top: 70px;
    }

    .copyright p {
        font-size: 16px;
    }

    /*************************** Footer section End *****************/

    .prbannertitle h1 {
        font-size  : 60px;
        line-height: 48px;
    }

    .whatsappchat {
        margin-top: 20px;
    }

    .whatsappchat a {
        font-size  : 16px;
        padding    : 15px 40px;
        line-height: 18px;
    }

    /*************************** Product Listing Page Css Start *****************/
    .detailtabbox .allprtitle {
        padding      : 20px 20px 17px 20px;
        top          : 70px;
        margin-bottom: 50px;
    }

    .detailtabbox .allprtitle ul.twonavbar>li {
        margin-right: 50px;
    }

    .detailtabbox .allprtitle ul.twonavbar a {
        padding    : 0;
        font-size  : 24px;
        line-height: 24px
    }

    .detailtabbox .allprtitle ul.twonavbar li a.active::after {
        bottom: -29px;
    }

    .prlistingbox ul.serieslist {
        margin-bottom: 50px;
    }

    .prlistingbox ul.serieslist>li {
        line-height: 18px;
        padding    : 0 20px;
    }

    .prlistingbox ul.serieslist a {
        padding    : 0;
        font-size  : 22px;
        line-height: 22px;
    }

    .productlist ul li {
        width        : 23.5%;
        height       : 430px;
        margin-right : 2%;
        margin-bottom: 2%;
    }

    .productlist ul li h3 {
        font-size  : 18px;
        line-height: 20px;
        margin     : 0px;
        padding    : 12px 0px;
    }

    ul.prtype li {
        padding: 10px 10px;
    }

    ul.prtype li p {
        font-size  : 13px;
        line-height: 24px;
        margin     : 0px;
        padding    : 0px 0px;
    }

    ul.prtype li p span {
        font-size  : 11px;
        line-height: 14px;
        margin     : 0px;
    }

    .removeitemtb {
        height: 100%;
        top   : 0;
        left  : 0;
        right : 0;
    }

    .removeitemtb ul {
        height: 427px;
        width : 386px;
    }

    .removeitemtb ul li {
        margin-top: 10px;
        width     : 100%;
        border    : 0px;
    }

    .removeitemtb ul li h3 {
        margin : 0px 0 10px 0;
        padding: 0px;
    }

    .removeitemtb ul li a {
        font-size: 13px;
        padding  : 10px 5px;
        width    : 60%;
    }

    .removeitemtb ul li i {
        font-size   : 16px;
        margin-right: 5px;
    }

    .image-gallery a:first-child {
        font-size: 16px;
        padding  : 10px 5px !important;
    }

    .rubberhose {
        padding-top: 60px;
    }

    .rubberhose h2 {
        margin-bottom: 40px;
    }

    .image-gallery a:first-child {
        font-size: 13px;
        width    : 60%;
    }

    /*************************** Product Listing Page Css End *****************/

    /*****  Testimonial Box Section css End *****/
    .testimoniallist ul li {
        height: 665px;
    }

    .testimoniallist ul li .textboxtestimonial {
        padding: 60px 20px 30px 20px;
    }

    .testimoniallist ul li .imgboxtestimonial {
        max-height: 450px;
    }

    .testimoniallist ul li p {
        line-height: 24px;
        font-size  : 18px;
    }

    .testimoniallist ul li p.emailidbox {
        margin-top: 30px;
    }

    .starlike i {
        margin-right: 3px;
        font-size   : 13px;
    }

 


    /*****  Testimonial Box Section css End *****/


}





@media all and (min-width: 1400px) and (max-width: 1600px) {

    .container {
        max-width: 1460px;
    }

    section {
        padding: 40px 0;
    }

    .testimoniallist ul li {
        height: 486px;
    }

    /*
h1 {font-size: 36px;font-family: 'Montserrat-Bold';line-height: 40px;margin-bottom: 30px;text-transform: uppercase;}
h2 {font-size: 30px;font-family: 'Montserrat-Regular';line-height: 34px;margin-bottom: 30px;text-transform: uppercase;text-align: center;}
h3 {font-size: 28px;font-family: 'Montserrat-Regular';line-height: 32px;margin-bottom: 30px;text-transform: uppercase;text-align: center;}
h4 {font-size: 26px;font-family: 'Montserrat-Regular';line-height: 30px;margin-bottom: 30px;text-transform: uppercase;}
h5 {font-size: 24px;font-family: 'Montserrat-Regular';line-height: 28px;margin-bottom: 30px;text-transform: uppercase;}
h6 {font-size: 20px;font-family: 'Montserrat-Regular';line-height: 24px;margin-bottom: 30px;text-transform: uppercase;}
p {font-size: 16px;font-family: 'Montserrat-Regular';line-height: 24px;margin-bottom: 25px;}
*/

    /*****  Header css Start *****/
    header {
        padding: 25px 20px;
    }

    .clogobox a {
        font-size: 23px;
    }

    .header_fixed .hdr_logo img {
        max-height: 60px;
    }

    /*****  Mobile number css Start  *****/
    .mobtx {
        margin-top: 10px;
    }

    .mobtx img {
        max-height : 30px;
        margin-left: 15px;
    }

    .header_fixed .mobtx img {
        max-height: 25px;
    }

    .mobtx ul li a {
        font-size: 18px;
    }

    /*****  Mobile number css End  *****/
    /*****  Header css End *****/

    /*****  Header Navigation css Start *****/
    header .nav {
        padding-left: 0%;
    }

    header .nav ul li a {
        font-size  : 17px;
        line-height: 22px;
        padding    : 10px 15px !important;
    }

    header .dropdown:hover>.dropdown-menu li a {
        padding: 10px;
    }

    header .nav ul li a.dropdown-toggle::after {
        font-size: 18px;
    }

    /*****  Header Navigation css End *****/
    .max-height280 {
        max-height: 244px;
    }

    /*****  Banner css Start *****/
    .banner {
        height: 100vh;
    }

    .banner .owl-carousel .owl-item img {
        height: 100vh;
    }

    #banner_slider .owl-dots {
        bottom: 35px;
        width : 100%;
    }

    #banner_slider .owl-dot {
        width : 10px;
        height: 10px;
    }

    .sinceyear {
        top      : 60%;
        left     : 20px;
        font-size: 18px;
    }

    .whatsupicon {
        right : 20px;
        bottom: 40px;
    }

    .whatsupicon img {
        max-height: 50px;
    }

    /*****  Banner css End *****/
    .main {
        padding       : 50px 0 0;
        padding-bottom: 0;
    }

    /*********** About MMT Section Start *********/
    .aboutmmttxbox {
        padding: 0 50px;
    }

    .aboutmmttxbox h1 {
        margin-bottom: 20px;
    }

    .aboutmmttxbox p {
        font-size  : 16px;
        line-height: 24px;
    }

    /*********** About MMT Section End *********/

    /*****  Our Product Section css Start *****/
    .ourproductbox .pdr10px {
        padding-right: 5px;
    }

    .ourproductbox .pdl10px {
        padding-left: 5px;
    }

    .ourproductbox h2 {
        margin-bottom: 20px;
        margin-bottom: 30px;
    }

    .ourproductbox .primgbox {
        max-height   : 470px;
        margin-bottom: 10px;
    }

  
    .ourproductbox .textwhatwedo {
        right: 10%;
    }

    .ourproductbox .primgbox h3 {
        font-size    : 18px;
        line-height  : 1px;
        margin-bottom: 15px;
    }

    .ourproductbox .primgbox p {
        font-size    : 14px;
        line-height  : 20px;
        padding-right: 100px;
    }

    a.rountbtn {
        padding    : 8px 35px;
        margin-top : 0px;
        font-size  : 12px;
        line-height: 24px;
    }

    .ourproductbox.rubberhouse .primgbox {
        max-height   : 450px;
        margin-bottom: 0px;
    }

    .ourproductbox.rubberhouse .primgbox img {
        height: 450px;
    }

    .ourproductbox.rubberhouse .textwhatwedo {
        left: 8%;
        top : 30%;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 {
        font-size    : 24px;
        line-height  : 30px;
        margin-bottom: 5px;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 span {
        font-size  : 45px;
        line-height: 55px;
    }

    .ourproductbox.rubberhouse .textwhatwedo a.rountbtn {
        margin-top: 15px;
    }

    /*****  Our Product Section css End *****/

    /*****  We Number Box Section css Start *****/
    .tradelinknumber ul li {
        width       : 18.75%;
        min-height  : 200px;
        padding     : 30px 25px;
        margin-right: 1.5%;
    }

    .counterbx .lgccounter {
        font-size  : 35px;
        line-height: 35px;
        margin-top : 5px;
    }

    .counterbx p {
        font-size    : 16px;
        line-height  : 24px;
        margin-top   : 5px;
        margin-bottom: 0;
    }

    /*****  We Number Box Section css End *****/

    /*****  We Number Box Section css Start *****/
    .bestsellerlist ul li {
        width  : 100%;
        padding: 20px 30px;
    }

    .bestseller {
        font-size  : 12px;
        line-height: 10px;
        padding    : 7px 10px;
    }

   

    .bestsellertitle {
        font-size    : 16px;
        line-height  : 18px;
        margin-bottom: 10px;
    }

    .bestsellertitle span {
        font-size  : 14px;
        line-height: 16px;
    }

    .bestsellerbox .owl-dots {
        display:none;
        height    : 1px;
        width     : 100%;
        margin-top: 30px;
    }

    .bestsellerbox .owl-dots .owl-dot {
        width : 250px;
        height: 1px;
    }

    .bestsellerbox .owl-dots .owl-dot.active {
        width : 250px;
        height: 1px;
    }

    /*****  We Number Box Section css End *****/

    /*****   Manufacturing Process Section css Start *****/
    .manufacturingbox img {
        max-height: 500px;
    }

    .manufacturingbox .textwhatwedo {
        top    : 25%;
        left   : 5%;
        z-index: 2;
        width  : 60%;
    }

    .manufacturingbox .textwhatwedo p.manufacturtitle {
        margin-bottom: 70px;
        font-size    : 20px;
    }

    .manufacturingbox .textwhatwedo h3 {
        font-size : 22px;
        list-style: 35px;
    }

    .manufacturingbox .textwhatwedo h3 span {
        font-size : 24px;
        list-style: 35px;
        margin-top: 5px;
    }

    /*****   Manufacturing Process Section css End *****/

    .inquirybox .container,
    footer .container {
        max-width: 1430px;
    }

    .inquirybox p {
        font-size  : 31px;
        line-height: 36px;
    }

    footer .logobox img {
        max-height: 50px;
    }

    footer .logobox a {
        font-size: 30px;
    }

    .prbannertitle h1 {
        font-size  : 60px;
        line-height: 48px;
    }

    .whatsappchat {
        margin-top: 20px;
    }

    .whatsappchat a {
        font-size  : 16px;
        padding    : 15px 40px;
        line-height: 18px;
    }




    /*************************** Product Listing Page Css Start *****************/
    .detailtabbox .allprtitle {
        padding      : 20px 20px 17px 20px;
        top          : 70px;
        margin-bottom: 50px;
    }

    .detailtabbox .allprtitle ul.twonavbar>li {
        margin-right: 50px;
    }

    .detailtabbox .allprtitle ul.twonavbar a {
        padding    : 0;
        font-size  : 24px;
        line-height: 24px
    }

    .detailtabbox .allprtitle ul.twonavbar li a.active::after {
        bottom: -29px;
    }

    .prlistingbox ul.serieslist {
        margin-bottom: 50px;
    }

    .prlistingbox ul.serieslist>li {
        line-height: 18px;
        padding    : 0 20px;
    }

    .prlistingbox ul.serieslist a {
        padding    : 0;
        font-size  : 22px;
        line-height: 22px;
    }

    .productlist ul li {
        width        : 23.5%;
        height       : 410px;
        margin-right : 2%;
        margin-bottom: 2%;
    }

    .productlist ul li h3 {
        font-size  : 18px;
        line-height: 20px;
        margin     : 0px;
        padding    : 12px 0px;
    }

    ul.prtype li {
        padding: 10px 10px;
    }

    ul.prtype li p {
        font-size  : 13px;
        line-height: 24px;
        margin     : 0px;
        padding    : 0px 0px;
    }

    ul.prtype li p span {
        font-size  : 11px;
        line-height: 14px;
        margin     : 0px;
    }

    .removeitemtb {
        height: 100%;
        top   : 0;
        left  : 0;
        right : 0;
    }

    .removeitemtb ul {
        height: 408px;
        width : 386px;
    }

    .removeitemtb ul li {
        margin-top: 10px;
        width     : 100%;
        border    : 0px;
    }

    .removeitemtb ul li h3 {
        margin : 0px 0 10px 0;
        padding: 0px;
    }

    .removeitemtb ul li a {
        font-size: 13px;
        padding  : 10px 5px;
        width    : 60%;
    }

    .removeitemtb ul li i {
        font-size   : 16px;
        margin-right: 5px;
    }

    .image-gallery a:first-child {
        font-size: 16px;
        padding  : 10px 5px !important;
    }

    .rubberhose {
        padding-top: 60px;
    }

    .rubberhose h2 {
        margin-bottom: 40px;
    }

    .image-gallery a:first-child {
        font-size: 13px;
        width    : 60%;
    }

    /*************************** Product Listing Page Css End *****************/




}


@media all and (min-width: 1200px) and (max-width: 1399px) {
    .container {
        max-width: 1280px;
    }


}





@media all and (min-width: 992px) and (max-width: 1199px) {}



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



@media only screen and (max-width: 767px) {
    /********* Start Header **********/

    header .menu_in {
        display        : block;
        justify-content: inherit;
        align-items    : inherit;
        flex-wrap      : inherit;
        position       : relative;
        /*top          :-4px;right:-15px;*/
    }

    header .hdr_logo,
    .header_fixed .fixedlogo {
        padding: 0px 0 0 10px;
        width  : 79%;
        float  : left;
    }

    header .menu_in .nav {
        width  : 8%;
        display: inline-block;
        margin : 0 10px 0 0;
        padding: 0;
    }

    header .navbar {
        padding : 0;
        position: inherit;
    }

    header .mobtx {
        display     : inline-block;
        width       : 10%;
        margin-top  : 6px;
        margin-right: 0;
    }

    header .nav .navbar-toggle {
        margin    : 3px 0 0 0;
        border    : 1px solid #fff;
        display   : block;
        position  : relative;
        float     : right;
        padding   : 9px 10px;
        background: none;
        border    : none;
    }

    header .nav .navbar-toggle:focus {
        outline: none;
    }

    header .nav .navbar-toggle .icon-bar {
        background   : #fff;
        display      : block;
        width        : 22px;
        height       : 2px;
        border-radius: 1px;
        margin-bottom: 5px;
    }

    header .nav .navbar-toggle .icon-bar:last-child {
        margin-bottom: 0;
    }

    header .nav .navbar-collapse {
        top       : 55px;
        width     : 100%;
        left      : 0px;
        z-index   : 999;
        background: linear-gradient(306deg, #5f5f5f 0%, #000 100%);
        box-sizing: border-box;
        overflow  : inherit;
    }

    header .nav .collapse.in {
        display: block;
        left   : 0;
    }

    header .nav ul li {
        display      : block;
        width        : 100%;
        border-bottom: 1px solid #204e63;
        float        : left;
        width        : 100%;
    }

    header .nav ul li a,
    .header_fixed .nav ul li a {
        line-height: 20px;
        padding    : 15px 20px;
        color      : #fff;
    }

    header .nav .navbar-collapse {
        width     : 80%;
        left      : 0px;
        z-index   : 999;
        background: linear-gradient(306deg, #5f5f5f 0%, #000 100%);
        box-sizing: border-box;
        overflow  : inherit;
        /* opacity: 1; */
        transition: all ease .5s;
        position  : fixed;
        top       : 0;
        height    : 100% !important;
        padding   : 20px;
        left      : -100%;
    }



}









@media screen and (max-width: 1599px) and (min-width:1440px) {
    .max-height500 {
        max-height: 600px;
    }


    .max-height379 {
        max-height: 450px;
    }


    .processetps li:nth-child(2):before,
    .processetps li:nth-child(3):before,
    .processetps li:nth-child(4):before {
        left: -33.6%;

        width: 123px !important;
    }

    .processetps li:first-child:before {
        width: 100px !important;
        left : -54px;
    }

    .processetps.processetps2 li:nth-child(2):before,
    .processetps.processetps2 li:nth-child(3):before,
    .processetps.processetps2 li:nth-child(4):before {

        width: 123px !important;
        right: -33.6%;

    }

    .processetps.processetps2 li:first-child:before {
        right: -54px;
        width: 100px !important;
    }




}


@media screen and (max-width: 1366px) and (min-width:1024px) {

    .main {
        padding: 50px 0 0;
    }

    .processetps.processetps2 li:nth-child(2):before,
    .processetps.processetps2 li:nth-child(3):before,
    .processetps.processetps2 li:nth-child(4):before {
        right: -33%;
    }

    .processetps li:nth-child(2):before,
    .processetps li:nth-child(3):before,
    .processetps li:nth-child(4):before {
        width: 107px !important;
        left : -32.9%;

    }

    .processetps li:first-child:before {
        width: 87px !important;
        left : -48px;
    }

    .processetps.processetps2 li:first-child:before {
        right: -47px
    }

}

@media screen and (max-width: 1920px) and (min-width:1680px) {
    .max-height500 {
        max-height: 750px;
    }

    .vision_section .vision1 img {
        max-width: 175px;
    }

    .sc_vision p {
        font-size  : 22px;
        line-height: 150%;
    }



    .max-height379 {
        max-height: 550px;
    }


    .processetps li p {
        font-size  : 22px;
        line-height: 150%;
    }

    .title_page h4 {
        font-size: 2.3em;
    }

    .processetps li h4 {
        font-size     : 26px;
        text-align    : center;
        text-transform: capitalize;
    }

    .processetps li {
        padding: 55px;
    }


    .chom_cntent p {
        font-size: 1.5em;
    }


}

@media screen and (max-width: 1679px) and (min-width: 1600px) {

    .processetps li:nth-child(2):before,
    .processetps li:nth-child(3):before,
    .processetps li:nth-child(4):before {
        width: 122px !important;
    }

    .processetps li:first-child:before {
        width: 99px !important;
        left : -53px;

    }

    .processetps.processetps2 li:first-child:before {
        width: 99px !important;
        right: -53px;
    }


}



@media only screen and (max-width: 767px) {
    .banner {
        height: initial;
    }

    .banner .owl-carousel .owl-item img {
        height: initial;
    }

    header {
        position  : initial;
        background: #000;
        padding   : 10px 20px;
    }

    .header_fixed {
        position: fixed;
    }

    header .menu_in .clogobox {
        width  : 88%;
        float  : left;
        padding: 0;
    }

    header .menu_in .clogobox a.hdr_logo {
        font-size: 0;
        padding  : 0;
    }

    header .mobtx {
        display: block;
        width  : 100%;
        display: none;
    }

    header .nav .navbar-collapse {
   
        float: left;
        
    }

    .hdr_logo img {
        max-height: 40px;
    }

    .aboutmmtimgbox {
        width  : 100%;
        display: block;
    }

    .aboutmmttxbox {
        width         : 100%;
        padding-bottom: 20px;
    }

    .tradelinknumber ul li {
        width        : 48%;
        display      : table-row;
        float        : left;
        height       : 200px;
        margin-bottom: 10px;
        padding      : 20px 0;
        text-align   : center;
    }


    .ourproductbox .pdr10px {
        padding-right: 15px;
    }

    .ourproductbox .pdl10px {
        padding-left: 15px;
    }

    h1 {
        font-size: 20px;
    }

    .aboutmmttxbox h1 {
        margin: 10px 0;
    }

  
    .ourproductbox.rubberhouse .primgbox img {
        height: initial;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 {
        font-size  : 15px;
        line-height: 150%;

    }


    .ourproductbox.rubberhouse .textwhatwedo h3 {
        width       : 65%;
        float       : left;
        padding-left: 15px;
    }

    .ourproductbox.rubberhouse .textwhatwedo {
        width: 100%;
        top  : 20px;
        left : 0;
    }

    .ourproductbox.rubberhouse .textwhatwedo a.rountbtn {
        float     : left;
        margin-top: 15px;
        width     : 29%;
        margin    : 0;
        font-size : 11px;
        padding   : 7px 10px;
        display   : block;
        margin-top: 10px;
    }

    .ourproductbox.rubberhouse .textwhatwedo h3 span {
        font-size: 19px;
    }

    .counterbx .lgccounter {
        font-size: 42px;
    }

    .bestsellerbox .owl-dots {
        display: none;
    }

    footer .logobox {
        padding-left  : 0;
        display       : flex;
        padding-bottom: 29px;
    }

    footer .footermenu ul li a {
        padding-left: 0;
    }

    .socialmedia {
        padding   : 0 15px;
        margin-top: 20px;
    }


    .sinceyear {
        top      : 50%;
        font-size: 8px;
        left     : 0;
    }


    .prbannertitle .whatsappchat {
        display: none;
    }

    .prbannertitle h1 {
        font-size  : 20px;
        line-height: 150%;
    }

    .pr0 {
        padding-right: 15px;
    }

    .pl0 {
        padding-left: 15px;
    }

    h3 {
        font-size: 20px;
    }

    .aboutleftcontent {
        padding      : 10px;
        padding-right: 5px;
    }

    section.process_setp {
        overflow: hidden;
    }


    .vision1 {
        padding      : 10px;
        margin-bottom: 26px;
        float        : left;
        width        : 100%;
        height       : initial;
    }

    .sc_vision {
        /* display: flex; */
        text-align: center;
    }

    .vision_section .vision1 img {
        text-align   : center;
        float        : initial;
        margin-bottom: 15px;
        margin-right : 0;
    }

    .vision_section .vision1 p {
        float     : left;
        width     : 100%;
        text-align: center;
    }

    .vision_section h3 {
        text-align: center;
    }

    .aboutleftcontent h3 {
        text-align: center;
    }

    .inquirybox .container {
        padding: 20px;
    }

    .inquirybox p {
        font-size    : 18px;
        line-height  : 150%;
        margin-bottom: 20px;
    }

    .detailtabbox .allprtitle ul.twonavbar>li {
        width         : 49%;
        margin        : 0 !important;
        /* margin-left: 0; */
        padding       : 0;
    }

    .prlistingbox ul.serieslist li {
        border-right: 1px solid #141414;
        margin      : 0 !important;
    }

    .prlistingbox ul.serieslist li a {
        font-size: 12px;
        padding  : 0 10px;
    }

    .productlist ul li:nth-child(odd) {
        margin-right: 3px;
    }

    .productlist ul li {
        width        : calc(50% - 3px);
        margin       : 0;
        height       : inherit;
        margin-bottom: 10px;
    }

    .productlist ul li:nth-child(even) {
        margin-left: 3px;
    }

    ul.prtype li {
        width  : 100% !important;
        padding: 7px;
    }

    .removeitemtb {
        padding: 50% 0;
    }

    .removeitemtb ul {
        height: 100%;
    }

    .removeitemtb ul li a {
        width    : 90%;
        font-size: 11px;
    }

    .removeitemtb ul li i {
        margin-right: 4px;
    }

    .removeitemtb ul li a:first-child {
        width: 100%;
    }

    .removeitemtb ul li {
        width : 94% !important;
        margin: 10px auto !important;
    }


    .processetps li {
        width        : 100%;
        padding      : 50px 26px  20px;
        margin-left  : 0;
        margin-bottom: 68px;
    }


    .processetps li:before {
        background: url(../images/step_bottom.png);
    }

    .process_setp .processetps li:before {
        background       : url(../images/step_bottom.png) !important;
        left             : 50% !important;
        top              : 101% !important;
        transform        : translate(-50%, 00%) !important;
        width            : 128px !important;
        background-size  : 100% !important;
        background-repeat: no-repeat !important;
    }

    .process_setp .processetps.processetps2 li:last-child:before {
        display: none
    }

    .processetps li p {
        font-size  : 16px;
        line-height: 150%;
    }

    .title_page h4 {
        margin-bottom: 20px;
    }

    .short_container {
        max-width: 100%;
    }


    .half_imgs {
        display: block;
    }

    .half_imgs .half_imgs_img {
        width: 100%;
    }

    .half_imgs .chom_cntent {
        padding      : 30px;
        margin-bottom: 10px;
    }


    .chom_cntent:before {
        right        : 50%;
        top          : -25px;
        border-left  : 10px solid transparent;
        border-right : 10px solid transparent;
        border-bottom: 15px solid #cbdb3a;
        transform    : translate(15px, 0);
    }

    .chom_cntent p {
        font-size : 16px;
        padding   : 0;
        text-align: center;
    }



    .gallery1.image-gallery_poup a {

        width: calc(33% - 10px);
    }

    .title_page {
        margin-bottom: 10px;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    header .nav {
        padding: 0;
    }

    .clogobox {
        justify-content: center;
        text-align     : center;
        width          : 100%;
        margin-bottom  : 10px;
    }


    header .nav {
        padding: 0;
        width  : 100%;
    }

    header .navbar {
        padding: 0;
        width  : 100%;
    }

    .navbar-expand-md .navbar-collapse {
        width: 100%;
    }

    .navbar-expand-md .navbar-nav {
        width          : 100%;
        text-align     : center;
        justify-content: space-between;
        align-items    : center;
        flex-wrap      : wrap;
    }


    .banner {
        height: 50vh;
    }

    .banner .owl-carousel .owl-item img {
        height: 50vh;
    }

    .mobtx {
        display: none
    }

    .aboutmmtimgbox img {
        height: 500px;
    }

    .tradelinknumber ul li {
        padding   : 10px;
        text-align: center;
    }

    .tradelinknumber ul li .lgccounter {
        font-size: 41px;
    }

    .manufacturingbox .textwhatwedo p.manufacturtitle {
        margin-bottom: 10px;
    }

    .banner.innerbanner {
        height     : initial;
        padding-top: 50px;
        background : #000;
    }


    .prbannertitle {
        bottom: 18% !important;
    }

    .prbannertitle h1 {
        font-size: 30px;
    }

    .max-height500 {
        max-height: 250px;
    }

    .max-height379 {
        max-height: 140px;
    }

    .processetps li {
        width: 44%;
    }

    .processetps li:nth-child(2):before,
    .processetps li:nth-child(3):before,
    .processetps li:nth-child(4):before {

        left               : -14.6%;
        width              : 98px !important;
        background-size    : 150px 150px;
        background-position: right;
    }

    .processetps.processetps2 {
        flex-direction: unset;
    }

    .processetps.processetps2 li {
        float        : left;
        margin-left  : 6%;
        border       : 2px solid #3a3a3a;
        border-radius: 10px;
        padding      : 45px;
        text-align   : center;
        margin-bottom: 45px;
        position     : relative;
        margin-right : 0%;
    }


    .processetps.processetps2 li:before {

        content          : '';
        background       : url(../images/setp2_icon.png) !important;
        position         : absolute;
        z-index          : 9;
        left             : -14.6% !important;
        top              : 50%;
        height           : 150px;
        display          : block;
        background-repeat: no-repeat !important;
        transform        : translate(0, -50%) !important;

        width              : 98px !important;
        background-size    : 150px 150px !important;
        background-position: right !important;

    }

    .half_imgs {
        margin-bottom: 15px;
    }

    .short_container {
        max-width: 80%;
    }

    .title_page .short_title {
        line-height: 150%;
    }

    .productlist ul li {
        width: calc(33.3% - 2%);
    }

    .removeitemtb ul li a {
        width: 73%;
    }

    .image-gallery a:first-child {
        width: 73%;
    }




}

@media only screen and (max-width: 990px) and (min-width: 768px) {
    .testimoniallist ul li {
        height: 670px;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
    .testimoniallist ul li {
        height: 740px;
    }
}


@media only screen and (max-width: 768px) {
    .bestsellerlist .owl-carousel .owl-item img {
        width: auto;
    }

    .bestsellerbox h2 {}

    .ourproductbox.rubberhouse h2 {

        line-height: 100%;
    }

    .wenumberbox h2 {
        line-height  : 100%;
        margin-bottom: 20px !important;
    }


    .ourproductbox h2 {
        line-height  : 100%;
        margin-bottom: 20px;
    }

    #banner_slider .owl-dots {
        bottom: 0;
    }

    section.wenumberbox {
        padding-top: 0;
    }

    section.ourproductbox.rubberhouse {
        padding-top: 0;
    }

    .main {
        padding-top   : 25px;
        padding-bottom: 0px;
    }

    .contactus_page p.short_title {
        font-size: 17px;
    }

    .address11 .contanct-detils {
        padding-bottom: 0;
    }

    .main section.aboutmmtbox {
        padding-bottom: 0;
    }

    .bestsellerbox h2 {
        line-height  : 100%;
        margin-bottom: 20px !important;
    }

    .bestsellerbox {
        padding-top: 0;
    }

    section#testimonialbox.testimonialbox {
        padding-top: 0;
    }

    section#testimonialbox.testimonialbox h2 {
        line-height  : 100%;
        margin-bottom: 10px !important;
    }

    .manufacturingbox .textwhatwedo {
        width: 90%;
    }

    .manufacturingbox .textwhatwedo p.manufacturtitle {
        margin   : 0;
        width    : 100%;
        float    : left;
        font-size: 17px;
    }

    .manufacturingbox .textwhatwedo {

        text-align: center;
    }

    .manufacturingbox .textwhatwedo h3 {
        display: none;
    }

    .manufacturingbox .textwhatwedo a.rountbtn {
        float: initial;
    }

    .manufacturingbox .textwhatwedo {
        text-align: center;
    }

    .ourproductbox.rubberhouse .primgbox {
        margin-bottom: 0;
    }

    .ourproductbox .pdl10px:last-child .primgbox {
        margin-bottom: 0;
    }

    .tradelinknumber ul li:last-child {
        margin-bottom: 0;
    }

    .manufacturingbox .textwhatwedo p.manufacturtitle {
        text-align: center;
    }


    .about_uspage section.about-us {
        padding-bottom: 0;
    }


    .about_uspage section.vision_section {
        padding-bottom: 0;
    }


    .about_uspage section.vision_section .col-sm-6.col-md-6.col-lg-6:last-child .vision1 {
        padding-bottom: 0;
        margin-bottom : 0;
    }

    .process_setp .title_page {
        margin-top: 0;
    }

    .processetps.processetps2 li:last-child {
        margin-bottom: 0;
    }

    .processetps.processetps2 li {
        margin-right: 0;
    }



    section.process_setp {
        padding-bottom: 0;
    }

    .half_imgs {
        padding-bottom: 20px;
    }

    .twoms_cs .col-sm-6.col-md-12.col-lg-6:last-child .half_imgs {
        padding-bottom: 0;
    }

    .half_imgs .chom_cntent {
        margin-bottom: 0;
    }

    section.twoms_cs {
        padding-bottom: 0;
    }

    .gallery_section .title_page {
        margin: 0;
    }

    section.gallery_section {
        padding-bottom: 0;
    }

    .contactus_page .title_page {
        margin-top: 0;
    }









}


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



@media screen and (max-width: 1280px) and (min-width:1025px) {
    header .nav {
        padding-left: 0;
    }

    .clogobox a {
        font-size: 21px;
    }

    header .nav a.nav-link {
        padding: 10px 8px !important;
    }

}


@media only screen and (max-width: 375px) {
    .banner {
        min-height: 15vh;
        height    : initial !important;
    }


    .testimoniallist ul li {
        min-height: 700px;
        height    : initial;
    }

    .testimoniallist ul li .imgboxtestimonial {
        height: initial;
    }


}

@media screen and (max-width: 480px) and (min-width:376px) {
    .banner {
        min-height: 16vh;
        height    : initial !important;
    }

    .testimoniallist ul li {
        min-height: 600px;
        height    : initial;
    }

    .testimoniallist ul li .imgboxtestimonial {
        height: initial;
    }

}

@media screen and (max-width: 640px) and (min-width:481px) {
    .banner {
        min-height: 17vh;
        height    : initial !important;
    }

    .testimoniallist ul li {
        min-height: 600px;
        height    : initial;
    }

    .testimoniallist ul li .imgboxtestimonial {
        height: initial;
    }

}




@media screen and (max-width: 767px) and (min-width:641px) {
    .banner {
        min-height: 34vh;
        height    : initial !important;
    }


    .testimoniallist ul li {
        height: 670px;
    }



}


@media screen and (min-width:1400px) {
    .banner.innerbanner {
        height    : initial !important;
        min-height: 440px;
    }
}
@media(min-width: 280px) and (max-width: 1700px)
{
    .button-pill span {
        display: inline-block;
        position: relative;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .09em;
        text-transform: uppercase;
        background: #97e7a2;
        background: -moz-linear-gradient(135deg, #97e7a2 0%, #d8ff7e 100%);
        background: -webkit-linear-gradient(135deg, #97e7a2 0%, #d8ff7e 100%);
        background: linear-gradient(135deg, #97e7a2 0%, #d8ff7e 100%);
        color: #000;
        border-radius: 1.5rem;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        padding-left: 15px;
        padding-right: 15px;
        box-shadow: 0 14px 25px 0px rgba(75, 204, 140, 0.1);
        transition: all .37s ease;
    }
    .prbannertitle.newtitle
    {
        width:75%;
    }

}
@media(min-width: 280px) and (max-width: 1200px)
{
   
    .prbannertitle.newtitle
    {
        width:75%;
    }
   .banner a.rountbtn {
        padding: 10px 10px;
        margin-top: 10px;
        font-size: 12px;
    }
    .aboutmmttxbox h1 {
    text-transform: capitalize;
    margin-bottom: 10px;
    color: #000;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    }
    .ourproductbox h2 {
        text-align: center;
        margin-bottom: 20px;
        text-transform: capitalize;
        color: #000;
        font-size: 28px;
        line-height: 48px;
        font-weight: 700;
    }
    .testimonialbox p.subtestimonial
    {
         font-size: 22px;
        line-height: 26px;
    }
    .counterbx {
     
        margin-bottom: 25px;
        position: relative;
    
        border-radius: 8px;
        padding: 20px;
   
    }
    .contact-form-sec .big-padding {
        padding: 40px 0 20px 0px;
    }
    .contact-form-sec .container {
        max-width: 1224px;
        width: 100%;
        
        margin: 15px auto 0px;
        position: relative;
        z-index: 5;
    }
    .contact-form-sec .contact-details {
        padding: 40px 20px 50px;
        border: 1px dotted #ccc;
        background: #fff;
    }
}