*{margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box;}
a{color:#4b5b68;text-decoration: none;}
a:hover, a:focus{ text-decoration: none; color:#1f2420; }
 
input, a:focus, button:focus{outline: none!important;text-decoration: none;}
ul{margin: 0; padding: 0; list-style: none;}
img{border: 0; max-width: 100%;}
/* Clearfix */
.clearfix:before,
.clearfix:after,
.site-width:before,
.site-width:after {
    content: " "; 
    display: table;
}
.clearfix:after,
.site-width:after {
    clear: both;
}
.clearfix,
.site-width {
    *zoom: 1;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}
.table-bordered{
    border: 1px solid #ddd;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    background: #f0750f;
    color: #fff;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
th {
    text-align: left;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}
table>tbody>tr>td input[type=text]{
    display: inline-block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
form textarea::-webkit-input-placeholder, form input::-webkit-input-placeholder {color: #272b2d; opacity:0.5;}
form textarea:-moz-placeholder, form input:-moz-placeholder {color: #272b2d;opacity: 0.5;}
form textarea::-moz-placeholder, form input::-moz-placeholder {color: #272b2d; opacity:0.5;}
form textarea:-ms-input-placeholder, form input:-ms-input-placeholder {color: #272b2d; opacity:0.5;}
h2, h3, h4, h5 {font-weight: 700; color: #5E6E7E;}
h1, h2{ margin-top: 0}
h1{font-weight:700; font-size:30px; line-height: 1.1;}
body {font-family: 'Roboto', sans-serif; color:#4b5b68; font-size: 15px; font-weight: 300;line-height: 1.3; position: relative; overflow-x: hidden;}
.topmenu > .container > ul > li > a, .catlist ul li a span,.rlist ul li a span{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

.container{ width: 100%; max-width: 1330px; margin: 0 auto; padding: 0 15px;}
.fullwidth{width: 100%; float: left;}
.topheader{ padding: 15px 0; width: 100%; float: left; background:#fff;}
.topright{margin-top: 10px;float: right;}
.topright ul li{ display: inline-block; margin-left: 20px; }
.topright ul li a{display: block;}
.topright ul li a span, .topright ul li a small{display: inline-block; vertical-align: middle;}
.topright ul li a span cite{display: block; font-style: normal; font-weight: 600; color:#f0750f;}
.topright ul li a small{width: 38px; height:38px; border-radius: 50%; background:#b0edee; color:#0D98BA; text-align: center; font-size:18px; margin-right: 5px;}
.topright ul li a small i{ line-height: 38px; }

.logo{ float: left;}
.logo a{display: block;} 
.topmenu{ background:#0D98BA; width: 100%; float: right;}
.topmenu > .container > ul > li{float: left; position: relative; border-left:1px solid #b0edee;}
.topmenu > .container > ul > li > a{ cursor: pointer;font-size: 15px; color:#fff; padding:10px 25px; line-height:30px; display: block; }
.topmenu > .container > ul > li:hover > a, .topmenu > ul > li.active > a{background-color:#b0edee; color:#0D98BA;}
.topmenu > .container > ul > li:first-child{border-left: 0;}
 
.homebanner{width: 100%; float: left; background:#f1f1f1;}
.item{width: 100%;position: relative; padding: 50px 0; }
/*.item:before{content: ""; width:100%; position: absolute;left: 0; top: 0; height: 100%; background: rgba(0,0,0,0.4);} */

.bannerimg{ width: 100%; max-width: 1300px; margin: 0 auto; display: table; }
.bannerimg:before{content:"";  }
.bcontent{  display:table-cell; vertical-align: middle; color:#fff; font-size: 18px;  height: 400px;  position: relative;  }
.bleft{ }
.bleft .heading {margin:0px 0px 15px; text-shadow:0 3px 6px #000; font-size: 32px;color: #fff;font-weight: 700;line-height: 1.2;text-transform: uppercase;}
.btns {font-size: 15px;color: #fff; background:#f0750f; font-weight: bold;text-transform: uppercase;padding: 10px 30px;display: inline-block;border: 1px solid #f0750f;
    border-radius: 30px;}
.btns.contbtn{background:#0D98BA; border-color:#b0edee;}
.bcontent p{margin-bottom: 15px; font-weight: 300;}
.bcontent p:last-child {margin-bottom:0px;}
.bleft{width: 50%; float: left;/* background: rgba(255,255,255,0.4);*/ }
.bright {width: 350px;float: right; background: #fff;border-radius: 50%; overflow: hidden;}

.heading2{font-size: 32px;font-weight: 600;margin-bottom: 15px;}
.homesec1{position: relative; z-index: 10;  }
.firstlist{background:#f0750f; margin-top: -80px;}
.firstlist ul{}
.firstlist ul li{width:25%; float: left; text-align: center; border-left: 1px solid #fff; }
.firstlist ul li:first-child{border-left: 0;}
.box1{padding:20px 30px; color:#fff; display: block;}
.firstlist ul li .img{max-height: 163px;overflow: hidden;}
.firstlist ul li .img img{max-height: 100%;max-width: 100%; -webkit-transition: 0.4s ease;transition: 0.4s ease;}
.heading3{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.firstlist ul li:hover .img img{ -webkit-transform: scale(1.08);transform: scale(1.08);}

.homeabout{padding: 60px 0; background:#ebebeb; }
.aboutimg{width: 48%; float: left;}
.aboutcont{width: 50%; float: right;}
.aboutcont p{font-size: 16px;font-weight: 300; margin-bottom: 20px;}
.aboutcont .btns{color:#0D98BA;}


.colsec{padding: 80px 0; background:#16293d url(https://62f056.claudeassets.com/20250714214609im_/https://physicsinstruments.net/images/bgimg.jpg) center center;}
.colsec ul li{width: 20%; float: left; padding: 10px; text-align: center;}
.colsec ul li img{max-height: 80px;}
.colsec ul li span {display: block;font-size: 18px; color: #fff;font-weight: 500;padding-top: 15px;}
.catlist h2 {   text-align: center;   margin-bottom: 15px;}
.catlist{padding: 60px 0;}
.catlist ul{margin: 0 -5px;}
.catlist ul li{width:25%; float: left; padding:5px; text-align: center;}
.catlist ul li a{width: 100%; float: left; position: relative; border:1px solid #ccc; padding:20%; background:#fff; border-radius:5px;}
.catlist ul li a span{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 15px; background:rgba(19,167,172,0.9); display: block; opacity: 1; font-size: 16px; font-weight: 600; color:#fff; }
/*.catlist ul li a:hover span{ opacity: 1;}*/


.prolistpage{}
.prolistpage ul{margin: 0 -10px;}
.prolistpage ul li{width:25%; float: left; padding:10px; text-align: center; }
.prolistpage ul li a{ display: block; }
.probox{border:1px solid #ccc; float: left;width: 100%;}
.ptitle a{display: block;padding: 10px; background:#0D98BA; color: #fff;}
.prolistpage ul li img{width: 100%;}
.pr_category{background:#f1f1f1;}
.pr_category .img{height: 180px; width: auto;}

.prosec{}
.prosec ul li{width: 100%; float: left;margin-bottom: 15px;}
.prosec ul li .pr_category{ width:26%; float: left; text-align: center; }
.prosec ul li .pr_category img{height: 250px;}
.prosec ul li .procont{width: 74%; padding:10px; float: right;}
.prosec ul li .ptitle {font-size: 20px; font-weight: 600;color: #f0750f;}
.prosec ul li .procont p{margin-bottom: 10px;}
.prodesc{margin: 10px 0;}
.btns.enqbtn {padding: 5px 18px; display: inline-block; cursor: pointer; font-family: 'Roboto', sans-serif; background:#f0750f;border-color: #f0750f;line-height: 1.6;  text-transform: inherit;font-weight: 500;}
.btns.enqbtn:hover{
    background: #0D98BA;
    border: 1px solid #0D98BA;
    color: #fff;
    cursor: pointer;
}
.btns.detailbtn{ display: inline-block;
    padding: 5px 18px;
    line-height: 1.6;
    color: #fff;
    text-transform: inherit;
    min-width: 100px;
    text-align: center;
    border: 1px solid #0D98BA;
    background: #0D98BA;
}
.btns.detailbtn:hover{
    background:#f0750f;
    border: 1px solid #f0750f;
    cursor: pointer;
}
.requestbg{background:#dfb514; padding: 30px 0; text-align: center;} 
.requestbg a, .requestbg a img, .requestbg a span {display: inline-block;vertical-align: middle; font-size: 24px;color: #fff; font-weight: 600;}
.requestbg a img{max-height: 60px; margin-right: 15px;}

.footerbg{background:#f0750f; color:#fff; }
.fmenu{width: 100%; float: left; text-align: center; padding: 30px 0;}
.fmenu ul li{display: inline-block;padding: 5px;}
.fmenu ul li a{display: block; padding: 5px; color:#fff;}

.ftext{ text-align: center; width: 100%; float: left; color:#fff; margin-bottom: 30px;}
.copyright{text-align: center;color:#b0edee; font-size: 13px; padding: 15px 0; background:#13a7ac;}
 
#back-top {position:fixed; bottom:50px; right:30px; z-index:999; cursor:pointer; display:none}
#back-top i {border-radius:50%; border:2px solid #f4eee8; background:#f4eee8; color:#8c5834; width:50px; height:50px; line-height:44px; opacity: 0.8; text-align:center; display:inline-block; font-size:25px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out}
#back-top i::before {content:""; margin-top:20px; border-left:2px solid #0D98BA; border-top:2px solid #0D98BA; display:inline-block; width:9px; height:9px; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg)}
#back-top:hover i { opacity: 1;}

.innerheader{ padding:30px 0; background:#f0750f; color:#fff;}
.innerpage{padding: 50px 0;}
.left_section{ width: 300px; float: left; }
.product_head {padding: 14px 15px;font-size: 18px;font-weight: 500; text-align: left;   color: #fff; background:#0D98BA;}
.product_head i{float: right;}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal;
  text-decoration: none; line-height: 1; font-size: 14px; position: relative;}


   #cssmenu ul{ border: solid 1px #ABBBCB; }
#cssmenu a {line-height: 1.3; }
#cssmenu {}
#cssmenu > ul > li {    border-bottom: 1px solid #f1f1f1; margin: 0;}
#cssmenu > ul > li:last-child {margin: 0;}
#cssmenu > ul > li > a {font-size: 15px; display: block;  padding:13px 35px 13px 15px; outline: none!important; }
#cssmenu > ul > li > a > span {}

#cssmenu > ul > li > a:hover {text-decoration: none; }
#cssmenu > ul > li.active {border-bottom: none;}
#cssmenu > ul > li.active > a {border: 1px solid ;}
#cssmenu ul ul {padding: 5px 12px;  display: none;}
#cssmenu ul ul li {padding:7px 0; border-bottom:1px solid} 
#cssmenu ul ul a {display: block; font-size: 14px;}
#cssmenu ul ul a:before{ display: inline-block;  margin-right: 10px; content: "\f105";font-family:FontAwesome;}

#cssmenu > ul > li > ul{ margin-bottom: 3px; border-left:1px solid;border-right:1px solid ;border-bottom:1px solid ;}
#cssmenu > ul > li.has-sub > a span:before, #cssmenu > ul > li.has-sub.active > a span:after {font-size:14px;font-weight:bold; display:block;font-family:FontAwesome;position:absolute;right: 12px;
top: 17px;}
#cssmenu > ul > li.has-sub > a span:before {content: "\f105"; }
#cssmenu > ul > li.has-sub.active > a span:after { content: "\f107"; }
#cssmenu > ul > li.has-sub.active > a span:before {visibility:hidden;}


.expandable{position: relative;}
.expandable strong{/*background: #000;*/ color:#117694; float: right;width:22px; height:22px; line-height: 24px; border-radius: 50%; text-align: center; font-weight: normal; font-size: 13px; cursor: pointer; position: absolute; top: 15px; right: 15px; z-index: 2}
.expandable strong:after{ content:"\f067";  font-family: FontAwesome; display: block;}
.active.expandable strong:after{content:"\f068"; color:#fff; font-family: FontAwesome; display: block;}
#cssmenu > ul > li.active.expandable > ul{display: block; border: none;}

.contentsec {width: calc(100% - 340px); float: right;line-height: 1.5;color: #5E6E7E;font-size: 14px;}
.contentsec p{margin-bottom: 20px;}
.contentsec ol{margin-left: 20px;}
.contentsec ol li{padding:3px 0;}

.breadcrumbs{padding: 5px 0; background:#e6e7e9;}
.breadcrumbs ul li{ display: inline-block; line-height: 30px; font-size: 14px; padding: 0 10px; position: relative;}
.breadcrumbs ul li a{display: inline-block; padding: 0px 5px;}
.breadcrumbs ul li:before{content:""; width: 6px; height: 6px; display: inline-block; border-top:1px solid #0D98BA; border-right:1px solid #0D98BA; transform: rotate(45deg); position: absolute;left:-8px; top: 12px; }
.breadcrumbs ul li:first-child{padding-left: 0;}
.breadcrumbs ul li:first-child:before{display: none;}

.dtimg{width: 35%; float: left;}
.dtimg img{width: 100%;}
.dtcont{width: 60%; float: right;}
.dtcont .heading_page{font-size: 24px; font-weight: 600;color: #f0750f;}

@keyframes menu_sticky {
    0% {
        margin-top: -100px;
    }
    50% {
        margin-top: -90px;
    }
    100% {
        margin-top: 0;
    }
}
.fixed {position: fixed; top: 0; left: 0;  width: 100%;  z-index: 9999;  animation-name: menu_sticky;  animation-duration: 0.60s;
    animation-timing-function: ease-out;   -webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);   box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);}
.navicon{display: none;}
.cartempt{
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.cartempt p span {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.cartempt p span i{
        font-size: 36px;
    color: #f0750f;
}
.fadd {
    width: 40%;
    float: left;
}
.fadd ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.fadd ul li{
    padding: 5px 30px;
    position: relative;
    color: #333;
}
.fadd ul li:before{
    position: absolute;
    left: 0;
    top: 5px;
    color: #f0750f;
    font-family: 'FontAwesome';
}
.fadd ul li.map:before{
    content:"\f041";
}
.fadd ul li.call:before{
    content:"\f095";
}
.fadd ul li.fax:before{
    content:"\f1ac";
}
.clist{
    margin-top: 20px;
}
.clist ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.clist ul li{
    width: 25%;
    float: left;
    padding: 5px;
    text-align: center;
}
.clist ul li a{
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #ccc;
    padding: 15px 0px;
    background: #fff;
    border-radius: 5px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.checkout-form{
    margin-top: 20px;
}
.checkout-form ul{list-style: none; margin: 0 -10px; padding: 0;}
.checkout-form ul li{width: 100%; float: left; padding: 0 10px; margin-bottom: 10px;}
.checkout-form ul li:first-child, 
.checkout-form ul li:nth-child(2), 
.checkout-form ul li:nth-child(3), 
.checkout-form ul li:nth-child(4),
.checkout-form ul li:nth-child(7),
.checkout-form ul li:nth-child(8),
.checkout-form ul li:nth-child(9),
.checkout-form ul li:nth-child(10)
{width: 50%;}
.rlist{}
.rlist ul{margin: 0 -5px;}
.rlist ul li{width:25%; float: left; padding:5px; text-align: center;}
.rlist ul li span small{display: block; font-size: 13px;}

.imgsec{height: 220px; }
.imgsec img{line-height:200px;}
.rlist .catimg{
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}
.rlist .catimg img{
        position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    max-height: 100%;
}
.rlist ul li a{width: 100%; float: left; position: relative; border:1px solid #ccc; background:#fff; border-radius:5px;}
.rlist ul li a span{ position: absolute; left: 0; bottom: 0; line-height: 1.2; width: 100%; padding: 10px 8px; background:rgba(19,167,172,0.9); display: block; opacity: 1; font-size: 15px; font-weight: 500; color:#fff; }
/*.catlist ul li a:hover span{ opacity: 1;}*/
.contact-frm{
    width: 60%;
    float: left;
    margin-bottom: 20px;
}
.contact-frm ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact-frm ul li{width: 100%; float: left; padding: 0 10px; margin-bottom: 10px;}
.contact-frm ul li:first-child, 
.contact-frm ul li:nth-child(2), 
.contact-frm ul li:nth-child(3), 
.contact-frm ul li:nth-child(4)
{width: 50%;}
.contact-frm ul li span{font-weight: 600;}
.contact-frm .captcha {
    float: left;
    width: 100%;
}
.captcha .ctext {
    background: #ffffff;
    border-color: #ccc;
}
.captcha .ctext {
    border: 1px solid #ccc;
    display: block;
    font-size: 14px;
    padding:2px;
    position: relative;
    text-align: center;
}
.captcha .ctext img{vertical-align: middle;}
.captcha .form-control{ max-width:180px; }
.contact-frm .ctext {
    float: left;
    margin-right: 10px;
}
.success{
        color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
        padding: 8px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.error{
       color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
        padding: 8px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alphabate{margin: 15px 0; width: 100%; float: left;}
.alphabate a{display: inline-block;min-width: 30px; border:1px solid #b0edee; text-align: center; line-height: 28px; margin: 1px;}
.alphabate a:hover{background:#b0edee;}
.boxs{float: left;width: 100%; margin-bottom: 20px;}
.alpha{ font-style: 20px; font-weight: bold; clear: both;margin-bottom: 5px; }
.boxs ul{margin: 0 -1px;}
.boxs ul li{width: 33.33%; float: left; padding: 1px;}
.boxs ul li a{display: block;padding: 5px 10px; background:#f1f1f1}
 
.dtcont p{margin-bottom: 20px;}
.dtcont p span{display: block; font-weight: bold;}
.relatedpro{margin-top: 40px;}
.relatedpro ul{margin: 0 -10px;}
.relatedpro ul li{width: 25%; float: left; padding: 10px;}
.relatedpro .ptitle a{min-height: 60px;}
@media only screen and (max-width:767px){
    .relatedpro ul{margin: 0 -5px;}
.relatedpro ul li {  width: 50%;  padding: 5px;}
.relatedpro .ptitle a{padding: 4px 6px;}
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px){
    .topmenu > .container > ul > li > a{padding: 10px 12px; font-size: 14px;}
    .logo{ max-width:170px;}
    .left_section,.contentsec{width: 100%;}
    .contentsec{margin-bottom: 15px;}
    .prosec ul li .pr_category {width: 33%;}
    .prosec ul li .procont {width: 67%;}
    .bright {width: 285px;}
    .bleft .heading{font-size: 22px;}
    .bcontent{padding: 0 15px;}
    .bleft {margin-top: 20px;}
    .homebanner{padding-bottom: 0px;}
    .firstlist{
        margin-top:  20px;
        background:transparent;
    }
    .firstlist ul li {
        width: 47%;
        background:#f0750f;
        border:none;
        margin: 8px;
    }
    .firstlist ul li .img img{
        width: 100%;
    }
    .catlist ul li {
        width: 25%;
    }
    .colsec ul li span{
        font-size: 14px;
    }
    .homeabout {
        padding: 20px 0px;
    }
    .aboutimg,.aboutcont{
        width: 100%;
    }
    .heading2 {
        font-size: 22px;
    }
    .clist ul li a{
        height: 140px;
        overflow: hidden;
        padding: 0px;
    }
    .prolistpage ul li,.rlist ul li{width: 33.33%;}
}


@media only screen and (max-width:1199px){
.aboutleft {width: 65%;}
}

@media only screen and (max-width:991px){
    .product_head{cursor:pointer;}
    .contentsec{padding-top: 15px;}
.main_list{display: none; }
.boxs ul li{width: 50%;}
.prolistpage .prosec ul li{width: 100%;}
}

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

    .bleft{padding: 5px;}

    .item {  padding: 30px 0;}
.logo{width:160px;}
.navicon{display: block; float: right; cursor: pointer; position: absolute; top: 15px; right:15px; z-index: 99; width: 30px; height: 30px; padding-top: 15px;}
.navicon span{ width:18px; height: 2px; background:#203351; position: relative; display: block;}
.navicon span:before, .navicon span:after{content:""; width: 25px; height: 2px; background:#203351; display: block; position: absolute; left: 0;}
.navicon span:after { width: 18px;  }
.navicon span:before{top: -6px;   }
.navicon span:after{bottom: -7px; }
.navicon.active{position: fixed;}
.navicon.active span{ background: none;}
.navicon.active span:before{ transform: rotate(-48deg);background: #ccc;}
.navicon.active span:after{ transform: rotate(45deg); bottom: 6px;background: #ccc;}
.active span:before, .navicon span:after { width: 18px; }
.topmenu { box-shadow: 0 0 3px #ccc; position: fixed;top: 0;right: 0; z-index: 9; width: 250px; padding:40px 20px 20px; height: 100%; overflow-x: hidden; overflow: auto; -webkit-font-smoothing: antialiased;  transform-origin: 0% 0%;  transform: translate(100%, 0);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.topmenu.showmenu{ transform: translate(0%, 0); }
.topmenu > .container > ul > li{width: 100%;border:none;}
.topmenu > .container > ul > li > a {padding: 10px 15px!important;  line-height: 24px;}
 .topright{float: unset;}
    .topright {
      text-align: center;
    min-height: 38px;
    float: none;
    position: fixed;
    background:#444;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 0;
    justify-content: center;
}
.topright ul {
    display: flex;
    width: 100%;
}
.topright li{
    margin: 0px !important;
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
}
.topright li:last-child{border-right: none !important;}
.topright li a i{font-size: 24px !important;margin-right: 0px !important;color: #fff !important;}
.topright li a span{
        display: none !important;
    }
.topright ul li a small{
    background: transparent;
}
.headerbg{
    padding: 0px 0px;
    position: fixed;
    z-index: 2;
}
.topheader{ box-shadow:0 0 4px #ccc;
    padding: 8px 0px;
}
.homebanner{
    margin-top: 65px; 
        padding-bottom: 0px 
}
.innerheader{
      margin-top: 63px;
}
.bcontent {
    display: flex;
    font-size: 15px;
    height: auto;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    padding: 20px 15px;
}
.bleft{
    width: 100%;
    margin-top: 20px;
}
.bright {
    width: 300px;
    }
.bleft .heading{
    font-size: 18px;
}
.homesec1{
    z-index: 0;
}
.firstlist{
    margin-top:  20px;
    background:transparent;
}
.firstlist ul li {
    width: 100%;
    background:#f0750f;
    margin-bottom: 10px;
    border:none;
}
.firstlist ul li .img img,.prosec ul li .pr_category,.prosec ul li .procont{
    width: 100%;
}
.catlist ul li,.rlist ul li {
    width: 50%;
}
.rlist .catimg {
    width: 100%;
    height: 185px;
}
.colsec ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.colsec ul li{
    flex-basis: 50%;
}
.homeabout {
    padding: 20px 0px;
}
.aboutimg,.aboutcont{
    width: 100%;
}
.heading2 {
    font-size: 22px;
}
.innerpage {padding: 30px 0;}
.fmenu{padding: 20px 0;}
.ftext{
    margin-bottom: 60px; font-size: 13px;
}
.copyright{
        position: relative;
    top: -38px;
}
.contentsec,.left_section ,.dtimg, .dtcont {
    width: 100%;
    float: left;
}

.contentsec,.left_section{
    margin-bottom: 15px;
}
.clist ul li,.prolistpage ul li {
    width: 50%;
}
.ptitle a{
    padding: 10px 6px;
    font-size: 13px;
}
h1{
    font-size: 22px;
}
.breadcrumbs ul li{
    font-size: 12px;
}
.search table>tbody>tr>td input[type=text]{
    width: 38px;
}
.btns{
    display: inline;
    font-size: 12px;
}
.fadd,.contact-frm{
    width: 100%;
    margin-bottom: 10px;
}
.srh table>tbody>tr>td input[type=text]{
    width: 170px;
    margin-bottom: 10px;
}
}

.searchbox{width:48%; margin-right: 2%; margin-bottom: 15px; float: left;}
.searchbox .form-control {  width: calc(100% - 120px); margin-right: 5px; border-radius: 25px;  float: left;}
.prosec ul li .procont{text-align: left;}
.dtcont p{margin-bottom: 20px;}
.dtcont p span{display: block; font-weight: bold;}
.aboutbg{background: url(https://458eaf.claudeassets.com/20250714214609im_/https://physicsinstruments.net/images/aboutbg.jpg) center center no-repeat; background-size: cover; padding: 60px;}
.aboutbg h2{font-size: 28px; margin-bottom: 10px;}
.aboutleft{width:55%; float:left; font-size:16px; line-height: 1.5; font-weight: 400;}
.aboutleft p{margin-bottom: 15px;}

@media only screen and (max-width:991px){
.aboutbg{background-size:300%;}
.aboutleft{ width: 100%;}
.fmenu ul li{padding: 0;}
.ftext{font-size: 14px;}
.aboutbg{padding: 20px;}
.table-bordered{font-size: 13px;}
.tableover{overflow: auto;}
}

@media only screen and (max-width:600px){
    .searchbox{width:100%; margin:0 0 10px;}
.boxs ul li{width: 100%;}
.btns.detailbtn {   padding: 5px 12px;   min-width: 70px;}
.captcha .ctext{font-size: 11px;}
.captcha .form-control{ max-width:120px; }
}
/*
     FILE ARCHIVED ON 05:37:43 Apr 09, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:24:22 May 26, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.603
  exclusion.robots: 0.059
  exclusion.robots.policy: 0.046
  esindex: 0.012
  cdx.remote: 4.647
  LoadShardBlock: 79.762 (3)
  PetaboxLoader3.datanode: 73.837 (4)
  PetaboxLoader3.resolve: 59.859 (2)
  load_resource: 86.334
*/