@media only screen and (min-device-width: 1440px){
   
}
 
/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
   
}
 
/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */

}
 
/* (1366x768) WXGA Display */
@media (max-width:1651px){
.addoffice span {display: block;}
.productRp p label {
    width: 50%;
    vertical-align: top;
}
}

@media  (max-width: 1366px) {
    /* insert styles here */
   .bannerarea{padding: 270px;}
   .banner img {width: 106%;}
   .topheaderL, .topheaderR{width:50%;}
   .topheaderL ul li{margin:0 10px;}
   .topheaderR ul li:nth-last-child(1) {margin-left: 30px;}
   .topheaderR ul li:nth-last-child(2) {margin-left: 20px;}
   .bannerS{right:0%;}
   .bannertext h1{font-size:80px;}
   .bannertext h6{font-size:27px;}
   .frequent legend{font-size:45px;padding: 0 20px;}
   .systemssolutionLeft ul li a{padding:12px 0;}
   .systemssolutionLeft h3{margin:26px 0;}
   .clientsleft p{font-size:18px;line-height:34px;}
   .clientsrightdivR p{font-size:14px;margin:3px 0;}
   .clientsrightdivR p span:last-child{margin-left: 10px;}
   .clientsrightdivRarea{padding-left:10px;}
   .clientsrightdiv{padding:10px 0;}
   .clientsrightdivT {margin-top: 40px;}
   .industriesdivbottom p{font-size:15px;}
   .clientsleft span{margin:20px 0;}
   .whatclientsliders.owl-carousel .owl-nav button.owl-next, .whatclientsliders.owl-carousel .owl-nav button.owl-prev{top:25px;}
   .aboutusleft img{width: auto; float:none; text-align:center; display: block; margin:0 auto;  box-shadow:-60px -60px 0 #666666;}
   .aboutusright h1{font-size:65px;line-height: 65px;}
   .aboutusright h3{font-size:35px;margin:10px 0 15px;}
   .aboutusright p{font-size:15px;margin-bottom:10px;line-height:24px;}
   .aboutusright a{font-size:18px;}
   .prodctimgdivR img{max-height: 455px;}
   
   .prodcthead legend{font-size:55px;}
   .prodctinnertext h4{ font-size: 16px; line-height:22px;}
}
 

@media (max-width: 1199px){
  .box {width:100%; padding:0 20px;}
  .bannerN {  margin-left: 0%;  margin-top: 0%;}
  .map-left {float: left;}
  .enquiry-row {
    width: 42%;
    float: left;
    vertical-align: top;
    padding:0;
    margin: 0 4%;
}
.industriesslider.owl-carousel .owl-nav button.owl-prev {
  left: -7%; 
}
.industriesslider.owl-carousel .owl-nav button.owl-next {
  right:-7%;
}
.introContdiv h4 {font-size: 24px;}
.bannertext h1 {font-size: 60px; margin-bottom:10px;}
.clientsleft h3 {font-size: 30px;}
.aboutusright h1 {

    font-size: 55px;
    line-height: 55px;

}
.whychooseareahead.text-alignleft h1 {margin-bottom: 10px;}
.whychooseareahead h2 {font-size: 30px;}
.prodctarea {width:96%;}
#inline1, #inline2, #inline3, #inline4, #inline5, #inline6, #inline7, #inline8, #inline9, #inline10,
#inline11, #inline12, #inline13, #inline14, #inline15, #inline16{width:100%!important;}
.productRp p span {width:25%;}
.productRp p label {padding-left:5%;}
}

@media (max-width:991px){
  .bannertext h1 {font-size: 50px;}
  .bannertext h6 {font-size: 22px;}
  .industriesslider.owl-carousel .owl-nav button.owl-prev {
  left: -9%; 
}
.industriesslider.owl-carousel .owl-nav button.owl-next {
  right:-9%;
}
  .footerleft a img {width:auto;}
 .whychoosearea .col-md-6{padding:15px;} 
 .whychooseareahead h1, .whychooseareahead h2 {margin-top:0!important;}
 .aboutusright h1 {
    font-size: 45px;
    line-height: 45px;

}
.whychooseareahead {margin-top:0;}
.aboutusarea {margin: 30px 0 30px;}
.prodcthead {margin-top:20px;}
.headorange {font-size: 30px;}
a.addoffice {
    width: 45%;
    padding: 33px 24px;
    display: inline-table;
    margin: 10px 15px;
    color: #007dc6;
    font-size: 22px;
    border-radius: unset;
    -webkit-box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.18);
    border: unset;
    font-weight: bold;
}
a.addoffice:last-child {margin-right: 15px;}
.addoffice span {
    display: inline;
}
.product-left img {height: auto;}
.productRp {margin:10px auto;}
.whychooseareahead2  {height: auto;}
.whychooseareahead.text-alignleft h1, .whychooseareahead.text-alignleft h2 {text-align: center;}
.prodctimgdiv {margin-left:0;}
.fancybox-inner img {widows: 100%;  height: 320px; object-fit: cover;}

}

@media (max-width:767px){
   .footerright ul {margin-top:0;}
   .whychooseareahead.text-alignleft h1 , .whychooseareahead h2 {font-size: 30px!important;}
   .prodcthead {padding-bottom: 0; margin-bottom: 0;}
   .enquiry-row {width:96%;margin: 0 2%;}
   .addresspara p {padding:10px 0px;}
   a.addoffice {width:100%; margin: 10px 0px;}
   a.addoffice:last-child {margin-right: 0px;}
   #etalage .etalage_thumb .etalage_thumb_image {object-fit: cover!important;}
   .aboutusleft img {width:85%;}
   .btngroup a{
    width: 80%;
margin: 10px auto;
float: none;
display: block;
   }
   .fancybox-wrap {
        width: 90%!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
   }
}

@media (max-width:480px){
  .margin_top0 {font-size: 22px!important; margin-bottom: 5px;}
  h1 {font-size: 30px!important;}
  h2 {font-size: 25px;}
  .frequent {margin:0; padding:0;}
  .frequent legend {font-size: 35px;}
  .introCont {width:100%;}
  .industriesslider.owl-carousel .owl-nav button.owl-prev {left:0;}
  .industriesslider.owl-carousel .owl-nav button.owl-next {right: 0;}
  .whychooseareahead.text-alignleft h1, .whychooseareahead h2 {
    font-size: 25px !important;}
    .whychooseareahead {margin-bottom: 0;}
.boxwithshadow h2 {margin-top:0;}
.timeline-title {text-align:left; font-size:12px;}
.timeline > li > .timeline-panel {padding: 12px 6px;}
.productRp p span {
    font-size: 16px;
    width: 30%;
    padding-right: 10px;
    vertical-align: top;
}
.productRp p label {
    padding-left: 10px;
    width: 60%;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
}
.prodcthead legend {font-size: 25px!important;}
 .topheaderL ul li a i {
        font-size:14px;
    }
    .topheaderR ul li a {
        font-size:14px;
    }
    .introCont img {
        width:50px;
        margin-bottom:20px;
    }
    .clientsleft p {
    font-size: 14px;
    line-height: 24px;
}
}