@media (min-width: 992px){
/*------------------------------ 
  [ GENERAL ]
--------------------------------*/
p.j {
  text-align: justify;	
}
.vmdl {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: -2px;
}
.owl-theme .owl-controls {
  text-align: left;
  padding-left: 15px;  
}

/*------------------------------ 
  [ ABOUT US ]
--------------------------------*/
.about .left {
  padding-right: 30px;	
}
.about .right {
  padding-left: 30px;	
}

/*------------------------------ 
  [ INDUSTRIAL ]
--------------------------------*/
.industrial .inner {
  text-align: right;
}
.industrial .text-center {
  padding-left: 60px;	
}
.industrial .inner h4 span {
  display: block;	
}

/*------------------------------ 
  [ PRODUCTS ]
--------------------------------*/
.pro_modal .modal-body {
  height: 100%;
  display: table;
}
.pro_modal .modal-body .col-xs-12 {
  float: none;
  vertical-align: middle;
  display: table-cell;
}
.pro_modal .modal-body .pbg {
  padding: 70px 0px;
}

/*------------------------------ 
  [ QUALITY ]
--------------------------------*/
.quality .text-center {
  padding-right: 50px;	
}
.quality .inner {
  padding-top: 150px;	
}

/*------------------------------
  [ INFRASTRUCTURE ]
--------------------------------*/
.block .inner {
  padding: 150px 0px 150px 80px;
}
.block .bgimg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;  
}

/*------------------------------ 
  [ WHY BARQ ]
--------------------------------*/
.whybarq ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.whybarq ul li h3 {
  margin-bottom: 10px;
}

/*------------------------------ 
  [ CONTACT US ]
--------------------------------*/
.contactus .address {
  padding-right: 0px;
}
.contactus .address .inner p {
  padding-left: 55px;
}
.contactus .address .inner i {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -11px;
}
.contactus .map {
  padding-left: 0px;
}
.copyright p {
  margin-top: 15px;
}
.copyright .pull-right {
  text-align: right;
}
}
@media (min-width: 767px){
/*------------------------------ 
  [ GENERAL ]
--------------------------------*/
.page {
  padding: 150px 0px;
}
}
@media (min-width: 568px){
/*------------------------------ 
  [ GENERAL ]
--------------------------------*/
.parallax {
  background-attachment: fixed;
}
.modal::before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -4px;
  vertical-align: middle;
}
h2 {
  font-size: 45px;
  line-height: 45px;
}
h4 {
  font-size: 33px;
  line-height: 37px;
}

/*------------------------------ 
  [ PRODUCTS ]
--------------------------------*/
.pro_modal .modal-body .gbg .fwidth .app li {
  width: auto;
  margin-right: 15px;  
}
}
@media (max-width: 1200px){
/*------------------------------ 
  [ PRODUCTS ]
--------------------------------*/
.pro_modal .modal-body .gbg {
  padding: 50px;
}

/*------------------------------ 
  [ INFRASTRUCTRE ]
--------------------------------*/
.block .inner {
  padding-left: 50px;	
}
}
@media (max-width: 992px){
/*------------------------------ 
  [ GENERAL ]
--------------------------------*/
.whyled,.services,.application,
.testimonials,.clients,.contactus,
.contactform,.copyright,.products .title,
.industrial {
  text-align: center;	
}

/*------------------------------ 
  [ ABOUT US ]
--------------------------------*/
.about .left {
  text-align: center;
  margin-bottom: 50px;
}
 
/*------------------------------ 
  [ INDUSTRIAL ]
--------------------------------*/
.industrial .text-center {
  margin-top: 50px;	
} 
.industrial .inner h3 {
  margin-bottom: 5px;  
}

/*------------------------------
  [ PRODUCTS ]
--------------------------------*/  
.pro_modal.modal .close {
  color: #fff;	
}
.pro_modal .modal-body .pbg {
  padding: 50px 0px;
}

/*------------------------------ 
  [ QUALITY ]
--------------------------------*/
.quality .inner {
  padding-top: 50px;
  text-align: center;
}

/*------------------------------ 
  [ INFRASTRUCTRE ]
--------------------------------*/
.block .inner {
  padding: 150px 0px;
  text-align: center;
}

/*------------------------------ 
  [ WHY BARQ ]
--------------------------------*/
.whybarq ul li {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

/*------------------------------ 
  [ CONTACT US ]
--------------------------------*/
.contactus .address,
.contactus .map {
  height: auto !important;  
}
.contactus .address .inner p  {
  margin-top: 30px;	
}
.contactus .map iframe {
  height: 250px;
}
.copyright .social {
 margin-bottom: 20px;	
}
.copyright p {
  line-height: 18px;	
}
}
@media (max-width: 767px){
/*------------------------------ 
  [ GENERAL STYLE]
--------------------------------*/
.page, .block .inner {
  padding: 90px 0px;
}

/*------------------------------ 
  [ CONTACT US ]
--------------------------------*/
.contactform {
  margin-top: -90px;
}
}
@media (max-width: 568px){
/*------------------------------ 
  [ GENERAL STYLE]
--------------------------------*/
h2 {
  font-size: 40px;
  line-height: 40px;
}
h4 {
  font-size: 24px;
  line-height: 26px;
}
.title p {
  font-size: 19px;
  line-height: 22px;
}

/*------------------------------
  [ PRODUCTS ]
--------------------------------*/
.pro_modal.modal .close {
  top: 10px;
  right: 15px;
}
.pro_modal .modal-body .gbg {
  padding: 50px 30px;
}
.pro_modal .modal-body .gbg .col-sm-6,
.pro_modal .modal-body .gbg .col-sm-12 {
  width: 100%;
  float: left;  
}
/*------------------------------
  [ INQUIRY ]
--------------------------------*/
.quote .modal h2 {
  padding: 15px 0px;
  font-size: 25px;
}
.quote .modal .close {
  top: 21px;
}
.quote .modal .form {
  padding: 30px 15px;
}

/*------------------------------ 
  [ APPLICATION ]
--------------------------------*/
.application .item h3 {
  padding: 15px 10px;
  font-size: 18px;
  line-height: 18px;
}

/*------------------------------ 
  [ TESTIMONIALS ]
--------------------------------*/
.testimonials .item p {
  font-size: 20px;
  line-height: 22px;
}

/*------------------------------ 
  [ CONTACT US ]
--------------------------------*/
.contactform form {
  padding: 50px 15px;
}
}