@charset "utf-8";
/* CSS Document */

#header_right {float: right;padding-top: 10px; position: relative;width: 25%;}
#header_left {float: left;padding: 18px 0 1px 0px !important;position: relative;width: 28%;}
#header_right #phone {color: #23a638;float: right;font-family: 'PT Sans', sans-serif;font-size: 23px;margin-right: 0 !important;padding: 6px 4px;}
#header_right #contact {background-color: #006ab3;border-radius: 5px;color: #ffffff;float: right;font-family: arial;font-size: 14px;margin: 0 6px 10px;padding: 10px 8px;position: relative;text-transform: uppercase;}
#header_mid {float: left;margin-left: 4px !important;margin-top: 46px;width: 44% !important;}
.main_header {min-height: 150px !important;}
.PLOmberie-contact {float: left;width: 56%;}
.qr-code > img {
  height: 204px;
}
.qr-code {
  float: left;
  text-align: center;
  width: 50%;
}
.qr-code > p {
  color: rgb(0, 105, 178);
  font-weight: 600;
}

.qr-code-website {
  float: left;
  text-align: center;
  width: 50%;
}

.qr-code-website button {
  font-size: 17px;
  padding: 17px ;
    margin : 25% 0 0 0;
}
.sopsar-left-sidebar_ {
  border: 1px solid rgb(156, 163, 171);
  width: 49% !important;
}
.qr-p {
  color: rgb(0, 157, 87);
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
       margin-top: 10px;
}


/**************media query for screen width 480px to 640px width ****************/
@media only screen
and (min-device-width : 480px)
and (max-device-width : 640px) {

    /* sopsar phone number */
#header_right #phone {
  font-size: 17px !important;
}
#header_right{
        padding-top:0;
}
    
#header_right #contact{
padding:6px 8px;
}
    
    
}/**************media qurey ends here*****************/