@media only screen and (max-width:1400px) {
/*    .headSearch ul li a {
        line-height: 14px
    }*/
/*    .headSearch {
        width: 70%;
        margin-left: auto;
        left: 225px;
        
    }*/
    .item .banner {
        width: 100%
    }
    .menu a.compMenu {
        margin-left: 5px;
    }
 /*   .headSearch ul li a {
        padding: 2px
    }*/
    .tblData {
        height: 400px;
    }
   
    .slText p {
        margin-bottom: 10px !important
    }
    .innerData {
        padding-top: 0px !important
    }
    .panzoom img{ height: 500px; width: auto}
    
    .clsurs{ background-size: contain !important; }
    .slideImg { width: 50% !important; margin-top: 00px}
	
	.slideImg2 { width: 100% !important; margin-top:80px; background-repeat:no-repeat}
    .fullSlidetext .slideImg2 { width: 100% !important; margin-top: 5%}
    .fullSlidetext .slText2{ top: 15%}
    .slText2{ top:25%;}

    .fullSlidetext .slideImg { width: 100% !important; margin-top: 5%}
    .fullSlidetext .slText{ top: 15%}
    .slText{ top:25%}
}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {
     .slText h2 {
        font-size: 60px !important;
    }
    .slItem{ background-size: 50%}
     .fullSlidetext{ background-size: cover !important }
    .slText{padding-left: 2% !important}
/*    .headSearch ul li:nth-child(2),
    .headSearch ul li:nth-child(3) {
        display: none
    }*/
/*    .headSearch {
        left: initial;
        margin-left: initial;
        right: 21%;
        width: auto;
    } */
    .container {
        width: auto;
        padding: 0 15px
    }
   
}
@media only screen and (max-width: 1023px) {
	.gradedivtxt {
    float: left;
    width: 100%;
    margin: 10px;
    border: 1px solid #ccc;
}
    /*.slideImg{ width: 100% !important; margin-top: 40%;}*/
    .pvcTable .clspopup{ right:10px; top:10px}
    .innerData ul.data li div .viewTbl .pvcTable{ position: fixed; top:0; left: 0; margin-left: initial; width: 100%; bottom: 0}
    /*.innerData ul.data li:last-child div{ padding-left: 0}*/
/*     .headSearch ul li:nth-child(2),
    .headSearch ul li:nth-child(3) {
        display: none
    }*/
/*    .headSearch {
        left: initial;
        margin-left: initial;
        right: 27%;
        width: auto;
    }*/
    .container {
        width: auto;
        padding: 0 15px
    }
    .item .banner {
        width: 100%
    }


    #slider .fullSlidetext{ background-position: center !important; background-size: cover !important}
    .slItem{ background-size:contain}
    .slText {    top: 100px; padding-left: 0; width: 100%;  text-align: center}
    .slText h2 span{ margin: initial !important}
    .slText h2{ margin-bottom: 6px !important}
    .slText p{ margin-bottom: 15px !important; }
    .fullSlidetext .slideImg{ position: absolute; bottom: 25%}
    .fullSlidetext .slText h2, .fullSlidetext .slText h2 span{ color:#0d4da2 !important; font-weight: normal !important; text-shadow: none !important }
    .fullSlidetext p{ color: initial !important; font-weight: normal !important; text-shadow: none !important}
    .fullSlidetext .slText{ bottom: initial; top:100px;}
    .slText img{ margin: 0px auto}
    .slItem{ background-position: bottom center !important}
    
    .innerData ul.data li{ width: 100%}
    .innerData ul.data li div{ padding-left: 0; padding-right: 0}
    .tblData{ height: 600px}
    .easyzoom { position: fixed; margin: 0; left: 0; right:0; width: auto }
    .panzoom img {    height: auto;}
    
    .innerData ul.contactus li{ width: 50%}
    .innerData ul.contactus li div{ padding-left: 0; padding-right: 0}
    .contactBg{ background-size:40%; background-position: 93% 131px !important}   
    .contactus .form .item input[type="text"], select{ width: 100%}
    .contactus .form .item textarea{ width: 100%}
}

@media only screen and (max-width: 768px) {
    .compMenu span{ display: none}
    .headSearch{ right: 31%}
    .petLeft, .petRight{ width: 100% !important}
		.gradedivtxt {
    float: left;
    width: 100%;
    margin: 10px;
    border: 1px solid #ccc;
}
    
}

@media only screen and (max-width: 767px) {
    .slideImg { position: absolute; bottom: 30px;}
    .innerData{ padding-bottom: 50px;}
    .contactBg{ background-size: 30%; background-position: 93% 131px !important}   
    .viewTbl div.gms li{  margin: 0 2% 10px !important; width: 40% !important; }
    .zoomImg .clspopup2{ right: 12px !important;    top: 80px !important; z-index: 1131  }
     .headSearch{ display: none}
    .menu a:first-child{ display: none}
    .slText p br{ display: none}
    .mblBg{ display: block}
    .clsurs, .mastbatch, .blow, .certificationbg{ background: none !important}
    .cl-form h1{color:#0c4fa3}
    .innerData ul.contactus li{ width: 100%}
		.gradedivtxt {
    float: left;
    width: 100%;
    margin: 10px;
    border: 1px solid #ccc;
}
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .contactBg{ background: none !important}
    .contactus .form .item{ padding-bottom: 25px !important}
    footer{ padding: 10px}
    .slText p{ font-size: 16px; padding: 0 20px;}
    .petLogo{ width: 80px !important;}
    #lightbox-container-image-box{ width: 100% !important; height: auto !important}
    #lightbox-image{ width: 100% !important}
     .panzoom img{ height: 400px;}
    .buttons{ position: fixed; bottom: 15px; left: 0; right:0}
    .easyzoom{ top:63px; bottom: 0 !important}
    .news{ margin-bottom: 20px;}
    .news a { float: right; margin-top: 10px; font-size: 12px;}
    .pvcbg{ background-image: none !important}
    .tblData{ height: 400px}
    .mastbatch{ height: inherit}
    .innerData ul.data li div .viewTbl .pvcTable{ top:63px; border: 0}
    .clsurs{ height: initial}
    .cl-form li{ width: 100% !important}
    .cl-form li:last-child div{ padding-left: 0}
    .clspopup{ top:14px; right:12px;}
    .viewTbl div.gms{  position:fixed; top:59px; border:0; width: 100%; height: 100%; bottom: 0; right:0; left:0; margin: 0;  border-radius: 0}
    .event li div p{ margin-bottom: 0}
    .innerData ul.data li ul.certificationBox li{ width: 50% !important; margin-bottom: 30px}
    /*.innerData{ padding-top: 115px !important}*/
    /*header, .bread{ position: fixed; left: 0; right:0; z-index: 111; }*/
    header, .bread{  left: 0; right:0; z-index: 111; }

    .bread{ top:63px; z-index: 10 !important}
    .masterBatch li{ width: 90px  !important; height: 90px; margin-right: 20px !important; }
    .masterBatch li span{width: 90px  !important; height: 90px; font-size: 12px;}
    .petBg{ background-image: none !important}
    .petLeft, .petRight{ width: 100% !important}
    .contactus .form .item input[type="text"], select, .contactus .form .item textarea{ width: 100%}
    .contactus .item{ padding: 0 !important}
    .contactus label, .contactus p{ width: 100%; padding-right: 0}
    .event li{ width: 100%}
    .innerData h1{ fonT-size: 35px; line-height: 37px; padding-bottom: 20px;  }
    .innerData h1 span{ font-size: 20px}
    .visible-mbl{ display: block}
    /*.slText{ top: 120px !important;}*/
    .slText{ top: 60px !important;}

    .slText h2{ font-size: 50px !important }
    header{ height: 63px;    }
    .menu a.compMenu{ margin-left: 0; margin-top: 20px;}
    .logo img{ width: 134px}
   
   	.gradedivtxt {
    float: left;
    width: 100%;
    margin: 10px;
    border: 1px solid #ccc;
}
   
    .howtodo h2 {
        font-size: 18px;
    }
    .howtodo ul li .data {
        width: 90px;
        height: 90px;
        font-size: 11px;
    }
    .howtodo ul li {
        height: 100px;
    }
    .howtodo ul li .blankData p {
        font-size: 13px;
    }
    .howtodo ul li .blankData p.font30 {
        font-size: 26px !important;
    }
    .howtodo ul li .blankData {
        height: 90px;
        width: 100%;
    }
    .viewTbl div.gms h3{ font-size: 30px;}
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 360px) {
    .slText{ top:80px !important;}
    .slText h2{ font-size: 35px !important}
		.gradedivtxt {
    float: left;
    width: 100%;
    margin: 10px;
    border: 1px solid #ccc;
}
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .slText h2{ font-size: 25px !important;}
    .logo img {
    width: 134px;
}
	.gradedivtxt {
    float: left;
    width: 100%;
    margin: 10px;
    border: 1px solid #ccc;
}
}

@media only screen and (max-width: 600px) and (min-width: 1023px) {
    .slideImg{  margin-top: 40%;}

}
@media only screen and (max-width: 599px)  {
    .slideImg{ width: 100% !important;  margin-top: 40%;}

}

@media only screen and (min-width: 375px) and (max-width: 1023px) {
    .imgcirl{     padding-top: 89px;}

}



@media only screen and (min-width: 320px) and (max-width: 425px) {

    .tabledataimg_1 {
        width: 98%;
        height: 350px;
        overflow-y: scroll;

    }

    .tabledataimg_3 {
        width: 98%;
        height: 350px;
        overflow-y: scroll;

    }

    .tabledataimg_2 {
        width: 98%;
        height: 350px;
        overflow-y: scroll;

    }

    .tabledataimg_4 {
        width: 98%;
        height: 300px;
        overflow-y: scroll;

    }

    .clspopup{ position: absolute; cursor: pointer; right:0; margin-top: -6%}
}

@media only screen and (min-width: 427px) and (max-width: 1226px) {

    .tabledataimg_2 {
        width: 98%;
        height: 330px;
        /*style = "overflow-wrap: break-word";*/
       overflow-wrap: break-word;
    }
    /*.tabledataimg_5 {*/
        /*width: 98%;*/
        /*height: 330px;*/
        /*overflow-y: scroll;*/

    /*}*/


}

    @media only screen and (min-width: 500px) and (max-width: 425px) {

        .tabledataimg_1 {
            width: 98%;
            height: 400px;
            overflow-y: scroll;

        }

    .pvcTable .clspopup{ right:10px; top:6px}

}

@media only screen and  (min-width: 1025px) {
    .viewTbl div.gms{ width: 950px;  background-color: #fff; text-align: center; margin: 0px auto; padding-bottom:10px; position: absolute; top:40%; margin-top: -250px; left: 50%; margin-left: -475px; border: 4px solid #0c4fa3; display: table; padding-left: 0 !important;}


}

@media only screen and  (min-width: 320px) and (max-width: 374px) {
    .innerData ul.data li:last-child div {
        /*padding-left: 57px;*/
        padding-left: 0px;
    }

    .innerData_1 ul.data li:last-child div {
        padding-left: 0px;
    }

    .masterBatch{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 44px;
    }

    .masterBatch_1{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 37px
    }

    .masterBatch_4{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 43px;
    }
    .masterBatch_5{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 42px;
    }
    .masterBatch_6{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 0px;
    }
    .masterBatch_7{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 55px;
    }

    .masterBatch_8{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 46px;
    }

    .imgind{
        height: 53%;
    }


}

@media only screen and  (min-width: 375px) and (max-width: 424px) {
    .innerData ul.data li:last-child div {
        /*padding-left: 87px;*/
        padding-left: 0px;
    }

    .innerData_1 ul.data li:last-child div {
        padding-left: 0px;
    }

    .masterBatch{
        margin-bottom: 10px;
        padding-top:30px;
        margin-left: 67px
    }

    .masterBatch_4{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 10px;
    }

    .masterBatch_5{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 15px;
    }
    .masterBatch_6{
        margin-bottom: 10px;
        padding-top:25px;
        margin-left: 56px;
    }
    .masterBatch_7{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 90px;
    }

    .masterBatch_8{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 15px;
    }

    .imgind{
        height: 60%;
    }
}

@media only screen and  (min-width: 425px) and (max-width: 560px) {
    .innerData ul.data li:last-child div {
        /*padding-left: 55px;*/
        padding-left: 0px;
    }

    .innerData_1 ul.data li:last-child div {
        padding-left: 0px;
    }

    .masterBatch{
        margin-bottom: 10px;
        padding-top:46px;
        margin-left: 96px;
    }

    .masterBatch_4{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 43px;
    }
    .masterBatch_5{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 42px;
    }

    .masterBatch_6{
        margin-bottom: 10px;
        padding-top:42px;
        margin-left: 56px;
    }
    .masterBatch_7{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 57px;
    }

    .masterBatch_8{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 45px;
    }
    .imgind{
        height: 60%;
    }


}

@media only screen and  (min-width: 561px) and (max-width: 1023px) {
    .innerData ul.data li:last-child div {
        padding-left: 108px;
    }

    .innerData_1 ul.data li:last-child div {
        padding-left: 0px;
    }

    .masterBatch{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 233px;
    }

    .masterBatch_2{
        margin-bottom: 10px;
        padding-top:110px;
        margin-left: 233px;
    }

    .masterBatch_4{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: -30px;
    }
    .masterBatch_5{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 51px;
    }

    .masterBatch_6{
        margin-bottom: 10px;
        padding-top:128px;
        margin-left: 177px;
    }

    .masterBatch_7{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 0px;
    }

    .masterBatch_8{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 54px;
    }


}


@media only screen and  (width: 1024px) {
    .masterBatch_5{
        margin-bottom: 10px;
        padding-top:8px;
        margin-left: 20px;
    }

}

@media only screen and  (width: 1902px) {

    .slideImg01{
        width: auto;
        height: 113%;

    }

    .imgslider2{
        width: 75%;
        height: auto;
        margin-left: 10%;
    }

}

@media only screen and  (width: 1500px) {

    .slideImg01{
        width: auto;
        height: 113%;

    }

    .imgslider2{
        width: 65%;
        height: auto;
        margin-top: 30%;
        margin-left: -7%;
    }
}

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

    .slideImg01{
        width: auto;
        height: 113%;

    }

    .imgslider2{
        width:205px;
        /*height: 90%;*/
        margin-top: -25%;
        margin-left: 20%;
    }
}