@media(min-width:1025px) and (max-width:1200px){







.nav-main {
   
    margin-top: -4px;
}

.contact-form {
  
    padding: 45px 36px;
}



.abt-banner h2 {

    padding: 0px 21%;
}

    .ab5-4 {
    float: left;
    width: 77%;
}
.copy h5:after {
 
    left: 31%;
}
.buttonarea1 {
    float: right;
    margin-top: 0px;
    /* margin-left: 40px; */
    position: relative;
    right: 39px;
    top: -34px;
}
.menuarea {
    width: 75%;
}
.logo{
    width: 13%;
}
.menuarea > ul > li{

padding: 0px 24px;
}
.sp-menuarea {
    width: 100%;
}
.sp-menu {
    float: right !important;
    width: 78% !important;
}
.slide .item .header-content {
    margin-top: 25px;
}
.sp-pad {
    padding: 0px 11.5px !important;
}
.header-content h6 {
    margin-top: 0px;
    font-size: 52px;
    color: #000;
    font-weight: 400 !important;
    text-align: left;
    line-height: 120%;
    margin-bottom: 24px;
}
.loop-1 .owl-nav {
  
    top: 123px;
}
.b3-3 {
    float: left;
    width: 100%;
}
.b3-3 img{
    float: none;
    max-width: 100%;
    margin:auto;
    display: block;
}
.b3-2 {
    float: left;
    width: 100%;
}.banner3 h1 {
    width: 64%;
}
.banner3 p {
  
    width: 73%;
}
.b3-1 {
   
    width: 61%;
}
.pl {
    padding-left: 15px;
}
.banner4 h1 {
    font-size: 38px;
    color: #000000;
    font-weight: 500;
    text-align: left;
    line-height: 120%;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.f-1 h1 {
    float: left;
    width: 100%;
    font-size: 36px;
}
.footer h2 {
    float: left;
    width: 100%;
    font-size: 33px;
}
.ftr-a-links h6 {
    margin-right: 40px;
}.ftr-a {
    margin-right: 41px;
    position: relative;
    top: -3px;
}
.f-1-a {
  
    margin-top: -2px;
}


/*ourstory*/


.abt-ban2 img {
    float: right;
    width: 439px;
    height: 457px;
}
.abt-ban2 h1 {
 
    font-size: 42px;
}
.abanner5 h5 {
    float: left;
    width: 58%;
}
.abt3-text {

    padding: 0 15px;
}

.s-1 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-1{
    display: block;
}
.ii{
    float: left !important;
    width: 100% ;
}
.ppp{
     float: left !important;
    width: 100% ;
    padding-left: 0px !important;
}
.s-1 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-1 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-2{
    display: block;
}
.s-2 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-2 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-2 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-1 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-2 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-1 h2:after {
    display: none;
}
.s-2 h2:after {
    display: none;
}
}



@media(min-width:1200px)
{
    .i2{
        display: none;
    }
}
@media(max-width:1200px)
{
    .i3{
        display: none;
    }
}


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

    .abt-banner h2 {
  
    padding: 0px 20%
}
.copy h5:after {
    position: absolute;
    content: "";
    top: 16px;
    left: 31%;
}
.buttonarea1 {
    float: right;
    margin-top: 0px;
    /* margin-left: 40px; */
    position: relative;
    right: 39px;
    top: -34px;
}
.menuarea {
    width: 74%;
}
.logo{
    width: 13%;
}
.menuarea > ul > li{

padding: 0px 21px;
}
.sp-menuarea {
    width: 100%;
}
.sp-menu {
    float: right !important;
    width: 78% !important;
}
.slide .item .header-content {
    margin-top: 25px;
}
.sp-pad {
    padding: 0px 11.5px !important;
}
.header-content h6 {
    margin-top: 0px;
    font-size: 52px;
    color: #000;
    font-weight: 400 !important;
    text-align: left;
    line-height: 120%;
    margin-bottom: 24px;
}
.loop-1 .owl-nav {
  
    top: 123px;
}
.b3-3 {
    float: left;
    width: 100%;
}
.b3-3 img{
    float: none;
    max-width: 100%;
    margin:auto;
    display: block;
}
.b3-2 {
    float: left;
    width: 100%;
}.banner3 h1 {
    width: 64%;
}
.banner3 p {
  
    width: 73%;
}
.b3-1 {
   
    width: 61%;
}
.pl {
    padding-left: 15px;
}
.banner4 h1 {
    font-size: 38px;
    color: #000000;
    font-weight: 500;
    text-align: left;
    line-height: 120%;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.f-1 h1 {
    float: left;
    width: 100%;
    font-size: 36px;
}
.footer h2 {
    float: left;
    width: 100%;
    font-size: 33px;
}
.ftr-a-links h6 {
    margin-right: 40px;
}.ftr-a {
    margin-right: 41px;
    position: relative;
    top: -3px;
}
.f-1-a {
  
    margin-top: -2px;
}



/*ourstory*/


.abt-ban2 img {
    float: right;
    width: 461px;
    height: 341px;
}
.abt-ban2 h1 {
 
    font-size: 42px;
}
.abanner5 h5 {
    float: left;
    width: 58%;
}
.abt3-text {

    padding: 0 15px;
}

.s-1 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    margin-top: -66px;
    filter: grayscale(30);
    display: block;
}
.s-1{
    display: block;
}
.ii{
    float: left !important;
    width: 100% ;
}
.ppp{
     float: left !important;
    width: 100% ;
    padding-left: 0px !important;
}
.s-1 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-1 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-2{
    display: block;
}
.s-2 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    margin-top: -66px;
    filter: grayscale(30);
    display: block;
}
.s-2 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-2 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-1 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-2 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-1 h2:after {
    display: none;
}
.s-2 h2:after {
    display: none;
}


}












@media(min-width:768px) and (max-width:990px){

        .abt-box3 {
        margin-bottom: 20px;
        height: auto;
    }
.quality-ban h1 {
    float: left;
    width: 76%;
}
.q-box {
    height: 310px;
}
/*ourstory*/
.abt-banner {
 
    padding: 28px 0px;
}
.abt-banner h2 {
  
    padding: 0px 21%;
}
.abt-ban2 img {
    float: none;
    width: 80%;
    height: auto;
    margin: auto;
    display: block;
}
.abt-2  {
    float: none !important;
    width: 80% !important;
    height: auto !important;
    margin: auto !important;
    display: block;
    margin-bottom: 20px !important;
}
.abt-ban2 h1 {
 
font-size: 42px;
 
float: left;
 
width: 100%;
 
text-align: center;
 
margin-top: 28px;
}
.abt-ban2 p {
 
float: left;
 
width: 100%;
 
text-align: center;
}
.abanner5 h5 {
    float: left;
    width: 100%;
    text-align: center;
}
.abanner5 h6 {
    text-align: center;
}
.abt3-text {text-align: center;padding: 0 64px;}
.b8-1 h1 {
    text-align: center;
}
.bor-r8 {
    border-right: 0px;
}
.abt3-text img {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.abt3-text {
  
    top: 35px;
}
.abt-img3 {
   
height: 299px;
}
.ab5-1 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
}
.ab5-1 p {
    text-align: center;
}
.ab5-2 {
    float: right;
    width: 100%;
 
    text-align: center;
}
.ab5-2 p {
    text-align: center;
        padding-bottom: 52px;
}

.ab5-3 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
}
.ab5-3 p {
    text-align: center;
}
.ab5-4 {
    float: right;
    width: 100%;
   
    text-align: center;
}
.ab5-4 p {
    text-align: center;
}
.abt-sec3 {
  
    padding: 50px 0;
}
.s-1 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-1{
    display: block;
}
.ii{
    float: left !important;
    width: 100% ;
}
.ppp{
     float: left !important;
    width: 100% ;
    padding-left: 0px !important;
}
.s-1 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-1 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-2{
    display: block;
}
.s-2 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-2 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-2 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-1 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-2 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-1 h2:after {
    display: none;
}
.s-2 h2:after {
    display: none;
}
.blog2 h3 {
   
    font-size: 27px;
}

.blog2 p {
    float: left;
    width: 100%;
}




















.slide {
    float: left;
    width: 100%;
    height: auto;
}

.slider-ban .item {
    top: 48px;
    height: 388px;
}
.ban-carousel .item {
    top: 32px;
    height: 582px;
}
.ban-img{
    height: auto;
}.header-content p {
width:65%;
}
.footer {
    float: left;
    width: 100%;
    background-color: #000;
    padding: 70px 0px 40px 0px;
}
.copy h5:after {
    position: absolute;
    content: "";
    top: 16px;
    left: 41%;
    background: #262626;
    height: 1px;
    width: 67%;
    /* z-index: 11; */
}
.header-content h6 {
    margin-top: 0px;
    font-size: 52px;
    color: #000;
    font-weight: 400 !important;
    text-align: left;
    line-height: 120%;
    margin-bottom: 24px;
}
.loop-1 .owl-nav {
  
top: 148px;
}
.b3-3 {
    float: left;
    width: 100%;
}
.b3-3 img{
    float: none;
    max-width: 100%;
    margin:auto;
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.b3-2 {
    float: left;
    width: 100%;
}.banner3 h1 {
    width: 83%;
}
.banner3 p {
  
width: 84%;
}
.b3-1 {
   
width: 83%;
}
.pl {
    padding-left: 15px;
}
.banner4 h1 {
    font-size: 39px;
    color: #000000;
    font-weight: 500;
    text-align: left;
    line-height: 120%;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.f-1 h1 {
    float: left;
    width: 100%;
    font-size: 30px;
}
.footer h2 {
    float: left;
    width: 100%;
    font-size: 27px;
}
.ftr-a-links h6 {
    margin-right: 22px;
}.ftr-a {
    margin-right: 15px;
    position: relative;
    top: -3px;
    font-size: 14px;
}
.f-1-a {
  
    margin-top: -2px;
}
.img-logo {
    float: left;
    width: 100%;
    height: 85px;
}
.no-mr{
    margin-right: 0px !important;
}

.banner3 {
    float: left;
    width: 100%;
    padding: 80px 72px 0px 72px;
}
.contact-box .item {
    height: auto;
}
.frm-enq2 {
    margin-bottom: 30px;
}

}








@media(min-width:576px) and (max-width:767px){




/*ourstory*/
.abt-banner {
 
    padding: 28px 0px;
}
.abt-box3 {
    margin-bottom: 20px;
}
.blog1 {
  
    width: 100%;
}


.abt-banner h1 {
   
    font-size: 39px;
    font-weight: 500;
    line-height: 96%;
}

.blog2 {
  
    width: 100%;
}
.abt-banner h2 {
  
padding: 0px 11%;
  
font-size: 18px;
}
.abt-ban2 img {
    float: none;
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
}.abt-2 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: auto !important;
    display: block;
    margin-bottom: 20px !important;
}
.abt-ban2 h1 {
 
font-size: 42px;
 
float: left;
 
width: 100%;
 
text-align: center;
 
margin-top: 28px;
}
.abt-ban2 p {
 
float: left;
 
width: 100%;
 
text-align: center;
}
.abanner5 h5 {
    float: left;
    width: 100%;
    text-align: center;
}
.quality-ban h1 {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}
.q-box {
    height: auto;
}
.abanner5 h6 {
    text-align: center;
}
.abt3-text {
text-align: center;
    padding: 0 10px;
}
.b8-1 h1 {
    text-align: center;
}
.bor-r8 {
    border-right: 0px;
}
.abt3-text img {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.abt3-text {
  
top: 43px;
}
.abt-img3 {
   
height: 307px;
}
.ab5-1 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
}
.ab5-1 p {
    text-align: center;
    padding-bottom: 45px;
}
.ab5-2 {
    float: right;
    width: 100%;
     border-left: 0px;

    text-align: center;
}
.ab5-2 p {
    text-align: center;
    padding-bottom: 45px;
}

.ab5-3 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
    padding: 0px;
}
.ab5-3 p {
    text-align: center;
    padding-bottom: 45px;
}
.ab5-4 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
    padding: 0px;
}
.ab5-4 p {
    text-align: center;
}
.abt-sec3 {
  
    padding: 50px 0;
}
.aborder-div {
    width: 100%;
    height: 0px;
}.s-1 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-1{
    display: block;
}
.ii{
    float: left !important;
    width: 100% ;
}
.ppp{
     float: left !important;
    width: 100% ;
    padding-left: 0px !important;
}
.s-1 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-1 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-2{
    display: block;
}
.s-2 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-2 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-2 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-1 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-2 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-1 h2:after {
    display: none;
}
.s-2 h2:after {
    display: none;
}
.blog2 h3 {
   
    font-size: 27px;
}

.blog2 p {
    float: left;
    width: 100%;
}










.slide {
    float: left;
    width: 100%;
    height: auto;
}

.slider-ban .item {
    top: 48px;
    height: 388px;
}
.ban-carousel .item {
    top: 32px;
    height: 467px;
}
.ban-img{
    height: auto;
}
.header-content h6 {
    margin-top: 0px;
    font-size: 52px;
    color: #000;
    font-weight: 400 !important;
    text-align: left;
    line-height: 120%;
    margin-bottom: 24px;
}
.loop-1 .owl-nav {
  
top: 173px;
}
.b3-3 {
    float: left;
    width: 100%;
}
.b3-3 img{
    float: none;
    max-width: 100%;
    margin:auto;
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.b3-2 {
    float: left;
    width: 100%;
}.banner3 h1 {
    width: 100%;
}
.banner3 p {
  
width: 100%;
}
.b3-1 {
   
width: 100%;
}
.pl {
    padding-left: 15px;
}
.banner4 h1 {
    margin-top: 70px;
    font-size: 39px;
    color: #000000;
    font-weight: 500;
    text-align: left;
    line-height: 120%;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.f-1 h1 {
    float: left;
    width: 100%;
    font-size: 36px;
}
.footer h2 {
    float: left;
    width: 100%;
    font-size: 33px;
}
.ftr-a-links h6 {
    margin-right: 22px;
}.ftr-a {
    margin-right: 49px;
    position: relative;
    top: -3px;
}
.f-1-a {
  
    margin-top: -2px;
}
.img-logo {
    float: left;
    width: 100%;
    /* height: 85px; */
}
.no-mr{
    margin-right: 0px !important;
}

.banner3 {
    float: left;
    width: 100%;
    padding: 80px 30px 0px 30px;
}
.banner5 h1 {
    
    font-size: 45px;
}
.ftr-img {
    float: left;
    width: 41%;
    object-fit: cover;
    display: block;
    margin: 50px 0px;
}
.copy h5:after {
    position: absolute;
    content: "";
    top: 16px;
    left: 57%;
    background: #262626;
    height: 1px;
    width: 68%;
    /* z-index: 11; */
}
.contact-box .item {
    height: auto;
}
.frm-enq2 {
    margin-bottom: 30px;
}

}











@media(min-width:450px) and (max-width:575px){



.contact-box .item {
    height: auto;
}
.frm-enq2 {
    margin-bottom: 30px;
}


/*ourstory*/
.detail h2 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 34px;
}
.abt-ban2 {
    float: left;
    width: 100%;
    padding: 30px 0px 30px;
}
.abt-banner {
 
    padding: 28px 0px;
}
.abt-box3 {
    margin-bottom: 20px;
}
.blog1 {
  
    width: 100%;
}


.abt-banner h1 {
   
    font-size: 39px;
    font-weight: 500;
    line-height: 96%;
}

.blog2 {
  
    width: 100%;
}
.abt-banner h2 {
  
padding: 0px 11%;
  
font-size: 18px;
}
.abt-ban2 img {
    float: none;
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
}
.abt-2 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: auto !important;
    display: block;
    margin-bottom: 20px !important;
}
.abt-ban2 h1 {
 
font-size: 35px;
 
float: left;
 
width: 100%;
 
text-align: center;
 
margin-top: 28px;
}
.abt-ban2 p {
 
float: left;
 
width: 100%;
 
text-align: center;
}

.abanner5 h5 {
    float: left;
    width: 100%;
    text-align: center;
     padding-bottom: 40px;
}
.q-box {
    height: auto;
}
.quality-ban h1{
     float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}
.abanner5 h6 {
    text-align: center;
}
.abt3-text {
text-align: center;
    padding: 0 10px;
}
.b8-1 h1 {
    text-align: center;
}
.bor-r8 {
    border-right: 0px;
}
.abt3-text img {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.abt3-text {
  
top: 43px;
}
.abt-img3 {
   
height: 307px;
}
.ab5-1 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
}
.ab5-1 p {
    text-align: center;
    padding-bottom: 45px;
}
.ab5-2 {
    float: right;
    width: 100%;
     border-left: 0px;

    text-align: center;
}
.ab5-2 p {
    text-align: center;
    padding-bottom: 45px;
}

.ab5-3 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
    padding: 0px;
}
.ab5-3 p {
    text-align: center;
    padding-bottom: 45px;
}
.ab5-4 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
    padding: 0px;
}
.ab5-4 p {
    text-align: center;
}
.abt-sec3 {
  
    padding: 50px 0;
}
.aborder-div {
    width: 100%;
    height: 0px;
}.s-1 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-1{
    display: block;
}
.ii{
    float: left !important;
    width: 100% ;
}
.ppp{
     float: left !important;
    width: 100% ;
    padding-left: 0px !important;
}
.s-1 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-1 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-2{
    display: block;
}
.s-2 img {
    float: none;
    width: 292px;
    height: 330px;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-2 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-2 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-1 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-2 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-1 h2:after {
    display: none;
}
.s-2 h2:after {
    display: none;
}
.blog2 h3 {
   
    font-size: 27px;
}

.blog2 p {
    float: left;
    width: 100%;
}









.slide {
    float: left;
    width: 100%;
    height: auto;
}

.slider-ban .item {
    top: 48px;
    height: 388px;
}
.ban-carousel .item {
    top: 32px;
    height: 405px;
}
.ban-img{
    height: auto;
}
.header-content h6 {
    margin-top: 0px;
    font-size: 52px;
    color: #000;
    font-weight: 400 !important;
    text-align: left;
    line-height: 120%;
    margin-bottom: 24px;
}
.loop-1 .owl-nav {
  
top: 186px;
}
.b3-3 {
    float: left;
    width: 100%;
}
.b3-3 img{
    float: none;
    max-width: 100%;
    margin:auto;
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.b3-2 {
    float: left;
    width: 100%;
}.banner3 h1 {
    width: 100%;
    font-size: 39px;
}
.banner3 p {
  
width: 100%;
}
.b3-1 {
   
width: 100%;
}
.pl {
    padding-left: 15px;
}
.banner4 h1 {
    margin-top: 40px;
    font-size: 39px;
    color: #000000;
    font-weight: 500;
    text-align: left;
    line-height: 120%;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.f-1 h1 {
    float: left;
    width: 100%;
    font-size: 36px;
}
.footer h2 {
    float: left;
    width: 100%;
    font-size: 29px;
}
.ftr-a-links h6 {
    margin-right: 22px;
}.ftr-a {
    margin-right: 21px;
    position: relative;
    top: -3px;
}
.f-1-a {
  
    margin-top: -2px;
}
.img-logo {
    float: left;
    width: 100%;
    /* height: 85px; */
}
.no-mr{
    margin-right: 0px !important;
}

.banner3 {
    float: left;
    width: 100%;
    padding: 80px 30px 0px 30px;
}
.banner5 h1 {
    
font-size: 38px;
}
.ftr-img {
    float: left;
    width: 41%;
    object-fit: cover;
    display: block;
    margin: 50px 0px;
}
.copy h5:after {
    position: absolute;
    content: "";
    top: 15px;
    left: 63%;
    background: #262626;
    height: 1px;
    width: 65%;
    /* z-index: 11; */
}
.banner2 h1 {
   
    font-size: 36px;
}
.loop-1 .owl-prev {
  
    width: 54px;
    height: 54px;
}
.loop-1 .owl-next {
  
    width: 54px;
    height: 54px;
}
.b3-1 h2 {

    margin-right: 25px;
}
.b3-1 h3 {

    margin-right: 25px;
}
.banner4 {
   
    padding: 70PX 0PX;
}
.loop-2 .owl-prev {
  
    width: 54px;
    height: 54px;
}
.loop-2 .owl-next {
  
    width: 54px;
    height: 54px;
}
.loop-2 .owl-prev img {
    position: relative;
  
    top: -2px;
}
.loop-2 .owl-next img {
    position: relative;
  
    top: -2px;
}
.banner5 {
    padding: 70px 0px 95px 0px;
    float: left;
}
.loop-2 .owl-nav {
   
    top: 191px;
}
.footer {
  
    padding: 70px 0px 40px 0px;
}
}











@media (max-width:449px){

.contact-box .item {
    height: auto;
}
.frm-enq2 {
    margin-bottom: 30px;
}

.banner10 {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 20px 0px;
}
/*ourstory*/
.detail h2 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 34px;
}
.abt-ban2 {
    float: left;
    width: 100%;
    padding: 30px 0px 30px;
}
.abt-banner {
 
    padding: 28px 0px;
}
.abt-box3 {
    margin-bottom: 20px;
}
.blog1 {
  
    width: 100%;
}


.abt-banner h1 {
   
font-size: 32px;
   
font-weight: 500;
   
line-height: 89%;
}

.blog2 {
  
    width: 100%;
}
.abt-banner h2 {
  
padding: 0px 0px;
  
font-size: 18px;
}
.abt-ban2 img {
    float: none;
    width: 100%;
    height: auto;
    margin-left: auto;
    display: block;
    margin-right: auto;
}
.abt-2 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    display: block;
    margin-right: auto !important;
    margin-bottom: 20px;
}
.abt-ban2 h1 {
 
font-size: 35px;
 
float: left;
 
width: 100%;
 
text-align: center;
 
margin-top: 0px;
}
.abt-ban2 p {
 
float: left;
 
width: 100%;
 
text-align: center;
}
.abanner5 h5 {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    font-size: 30px;
}
.q-box {
    height: auto;
}
.quality-ban h1{
     float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}
.abanner5 h6 {
    text-align: center;
}
.abt3-text {
text-align: center;
    padding: 0 10px;
}
.b8-1 h1 {
    text-align: center;
    font-size: 34px;
}
.bor-r8 {
    border-right: 0px;
}
.abt3-text img {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.abt3-text {
  
top: 43px;
}
.abt-img3 {
   
height: 307px;
}
.ab5-1 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
}
.ab5-1 p {
    text-align: center;
    padding-bottom: 45px;
}
.ab5-2 {
    float: right;
    width: 100%;
     border-left: 0px;

    text-align: center;
}
.ab5-2 p {
    text-align: center;
    padding-bottom: 45px;
}

.ab5-3 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
    padding: 0px;
}
.ab5-3 p {
    text-align: center;
    padding-bottom: 45px;
}
.ab5-4 {
    float: right;
    width: 100%;
    border-left: 0px;
    text-align: center;
    padding: 0px;
}
.ab5-4 p {
    text-align: center;
}
.abt-sec3 {
  
    padding: 50px 0;
}
.aborder-div {
    width: 100%;
    height: 0px;
}.s-1 img {
    float: none;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-1{
    display: block;
}
.ii{
    float: left !important;
    width: 100% ;
}
.ppp{
     float: left !important;
    width: 100% ;
    padding-left: 0px !important;
}
.s-1 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-1 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-2{
    display: block;
}
.s-2 img {
    float: none;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-right: auto !important;
    margin-left: auto;
    /* margin-top: -66px; */
    filter: grayscale(30);
    display: block;
}
.s-2 p {
    float: left;
   
    width: 100%;
    text-align: center;
}
.s-2 h1 {
    float: left;
  
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.s-1 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-2 h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.s-1 h2:after {
    display: none;
}
.s-2 h2:after {
    display: none;
}
.blog2 h3 {
   
    font-size: 27px;
}

.blog2 p {
    float: left;
    width: 100%;
}









.logo img {
    width: 81px;
}
.menu-img{
    width: 34px !important;
    margin-top: 49px;
}
.slide {
    float: left;
    width: 100%;
    height: auto;
}

.slider-ban .item {
    top: 48px;
    height: 339px;
}
.ban-carousel .item {
    top: 32px;
    height: 306px;
}
.ban-img{
    height: auto;
    margin: auto;
}
.header-content h6 {
    margin-top: 0px;
    font-size: 39px;
    color: #000;
    font-weight: 400 !important;
    line-height: 120%;
    margin-bottom: 24px;
}.header-content p {
}
.slide a {
 
}
.loop-1 .owl-nav {
  
top: 232px;
}
.b3-3 {
    float: left;
    width: 100%;
}
.b3-3 img{
    float: none;
    max-width: 100%;
    margin:auto;
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.b3-2 {
    float: left;
    width: 100%;
}.banner3 h1 {
    width: 100%;
    font-size: 37px;
}
.banner3 p {
  
width: 100%;
}
.b3-1 {
   
width: 100%;
}
.pl {
    padding-left: 15px;
}
.banner4 h1 {
    margin-top: 40px;
    font-size: 30px;
    color: #000000;
    font-weight: 500;
    text-align: left;
    line-height: 120%;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.f-1 h1 {
    float: left;
    width: 100%;
    font-size: 30px;
}
.footer h2 {
    float: left;
    width: 100%;
    font-size: 28px;
}
.ftr-a-links h6 {
    margin-right: 0px;
    width: 100%;
}.ftr-a {
    margin-right: 0px;
    position: relative;
    top: 0px;
    width: 100%;
    float: left;
    margin-top: 13px;
}
.f-1-a {
  
    margin-top: -2px;
}
.img-logo {
    float: left;
    width: 100%;
    /* height: 85px; */
}
.no-mr{
    margin-right: 0px !important;
}

.banner3 {
    float: left;
    width: 100%;
    padding: 60px 15px 0px 15px;
}
.banner5 h1 {
    
font-size: 38px;
}
.ftr-img {
    float: left;
    width: 41%;
    object-fit: cover;
    display: block;
    margin: 50px 0px;
}
.copy h5:after {
   display: none;
}
.banner2 h1 {
   
    font-size: 36px;
}
.loop-1 .owl-prev {
  
width: 50px;
  
height: 50px;
  
left: 0px;
  
right: unset;
}
.loop-1 .owl-next {
  
width: 50px;
  
height: 50px;
  
left: 61px;
  
right: unset;
}
.b3-1 h2 {

margin-right: 0px;

margin-bottom: 20px;
}
.b3-1 h3 {

margin-right: 0PX;

width: 100%;
}
.banner4 {
   
    padding: 70PX 0PX;
}
.loop-2 .owl-prev {
  
width: 50px;
  
height: 50px;
  
left: 0px;
  
right: unset;
}
.loop-2 .owl-next {
  
width: 50px;
  
height: 50px;
  
left: 56px;
  
right: unset;
}
.loop-2 .owl-prev img {
    position: relative;
  
    top: -2px;
}
.loop-2 .owl-next img {
    position: relative;
  
    top: -2px;
}
.banner5 {
    padding: 48px 0px 54px 0px;
    float: left;
}
.loop-2 .owl-nav {
   
top: 212px;
}
.footer {
  
    padding: 70px 0px 40px 0px;
}
.loop-bo{
    margin-top: 38px;
}
    .b3-1 h3 BR{
        display: none;
    }
    .b3-1 h4 {
    width: 100%;
}
.b3-1 h4 BR{
        display: none;
    }
    .b5-box {
    float: left;
    width: 100%;
    margin-top: 22px;
}
.s-img {
    width: 40px;
    margin-top: 37px;
    margin-right: 15px;
}
.s-img {
    width: 40px;
    margin-top: 37px;
    margin-right: 15px;
}
.copy h5 {

    font-size: 14px;
}
.loop-bx {
    float: left;
    width: 100%;
    padding: 55px 35px 95px 35px;
}

}


@media(min-width:1201px) and (max-width:1320px)
{
    .banner3 img {
        float: right;
        width: 100%;
        height: 491px;
        object-fit: cover;
        max-width: 100%;
        margin-top: 62px;
    }
.b3-2 {
    float: left;
    width: 45%;
}
.b3-3 {
    float: left;
    width: 55%;
}
 
.sp-pad {
    padding: 0px 25.5px !important;
}
}


@media(min-width:1201px) and (max-width:1256px)
{
    .sp-pad {
        padding: 0px 22.5px !important;
    }   
}