@media only screen and (max-width: 1220px){
  /*  .topleftsec{width: 100%;justify-content: space-between;margin-bottom: 20px;}
    .toprightsec{width: 100%;}
    .toprightsec > ul{justify-content: space-between;}
    .toprightsec > ul .languages{margin-left: auto;}*/
    .sitelogo{width: 200px;}
    .topnumber span{font-size: var(--font-size2);}
}



@media only screen and (max-width: 1199px) {
    .topmenu > ul > li > a {padding: 13px;}
}

@media only screen and (max-width: 1130px) {
    .loginbg a{font-size: 0;    padding: 12px 14px;}
}


@media only screen and (max-width: 1024px){
    .banner-text{width: 1000px;}
    .populer-category ul > li{width: 33%;}
}


@media only screen and (max-width: 991px) {
  .quick_view { font-size: 0; padding: 9px 10px; height: 38px; vertical-align: middle;}
    .quick_view i{font-size: 16px;}
    .sbtn.quick_view{ font-size: 12px; height: 36px; padding-top: 3px;}
    .topmenu > ul > li{width: 100%;}
    .subdrop {padding-right: 50px;}
    .ddclick { width: 50px; height: 40px; position: absolute; top: 0; right: 0; z-index: 5; display: grid; place-items: center; }
    .ddclick:before { content: ""; display: inline-block; vertical-align: top; width: 8px; height: 8px; border-top: 2px solid var(--white); border-right: 2px solid var(--white); margin-top: 6px; margin-left: 5px; transform: rotate( 135deg ); }
    .menu-opened .phone-menu span { background-color: var(--white); }
    .phone-menu.close-menu span:nth-child(1) { transform: rotate( -45deg ); transform-origin: right; background-color: var(--medium-black3); }
    .topmenu > ul > li > ul > li a{color: #fff;display: block;padding: 5px 0;}
    .header-backdroap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000096; z-index: 5; opacity: 0; transition: all ease 0.5s; pointer-events: none; }
    .menu-opened .header-backdroap { opacity: 1; pointer-events: all; }
    .menu-opened .topmenusec { transform: translateX(0);width: 300px }
    .menu-opened .phone-menu span:nth-child(3){ transform: rotate(45deg); transform-origin: right; }
    .menu-opened .phone-menu span:nth-child(2){ opacity: 0; }
    .menu-opened .phone-menu span:nth-child(1){ transform: rotate(-45deg); transform-origin: right; }
    .phone-menu span { width: 24px; height: 2px; background-color: #000; display: block; transition: all ease .5s; }
    .phone-menu span:nth-child(2) { margin: 6.5px 0; }
    .phone-menu {display: block;margin-left: 1rem;cursor: pointer;/* position: absolute; *//* top: 20px; */margin-left: 8px;z-index: 51;}
    .topmenusec{position: fixed; right: 0; top: 0;height: 100%;z-index: 50;transform: translate(100%);transition: all ease 0.5s;}
    .topmenusec .container{width: auto;}
    .topmenusec ul{flex-direction: column;}
    .populer-category ul > li{width: 50%;}
    .leftcontentsec{width: 100%;}
    .imagesec1{width: 100%; padding-left: 0;text-align: center;}
    .productseclist > ul > li {width: 50%;}
    .aboutsec{display: flex;flex-direction: column-reverse;}
    .aboutimg{position: unset;width: 100%;}
    .aboutright{width: 100%;}
    .civilsec {display: flex;flex-direction: column-reverse;}
    .civilimg{position: unset;width: 100%;text-align: right;}
    .leftcivil{width: 100%;}
    .covidimg{position: unset;width: 100%;text-align: left;}
    .covidright {width: 100%;}
    .footerbg .container{flex-wrap: wrap;}
    .faddress{width: 50%;}
    .fbox{width: 50%;}
    .fbox.sociallinks{padding-left: 0;}
    .ftitle{margin-top: 30px;}
    .content2{width: 100%;}
    .abimg1{position: unset;width: 100%;text-align: center;}
    .aboutcontent2 ul li{width: 100%;}
    .aboutcategory > ul > li{width: 50%;}
    .eqpright > ul > li{width: 50%;}
    .textbg { min-height: auto; background-size: 100% 100%; padding-bottom: 8%; padding-top: 13%; }
    .banner-text { text-align: center; }
    .owl-carousel .owl-item img { height: 500px; object-fit: cover; }
    .sectiontext1 .sectiontext2{display: flex;flex-direction: column-reverse;}
    .text4{width: 100%;}
    .aboutimg4{position: unset;width: 100%;text-align: right;}
    .aboutimg5{position: unset;width: 100%;text-align: left;}
    .sectiontext2 .text4{width: 100%;margin-left: 0;}
    .topnumber {margin-right: 10px;}
    .phoneicon{transform: scale(0.8);}
    .toprightsec{display: flex;align-items: center;}
    .searchbg input{width: 185px}
    .searchbg button{width: 60px;height: 72px;/* border-bottom: 2px solid #919191; */}
    .goog-te-gadget-simple{padding: 12px 11px!important;}
    .goog-te-gadget-simple span{display: none;}
    .topnumber span{display: none;}
    .searchbg{display: none;}
    .sicon{    display: block;
    border: solid 1px #b9bdbe!important;
    /* min-height: 44px; */
    border-radius: 25px;
    padding: 9px 11px!important;}
    .goog-te-gadget-simple {
        padding: 9px 7px!important;
        min-height: unset;
    }
    .loginbg a{
        padding: 9px 10px;
    }
    .loginbg a i{
        transform: scale(0.8);
    }
    .sicon:hover{
    cursor: pointer;
}
#search {
    align-items: center;
    background: rgba(0, 0, 0, 0.975);
    height: 100%;
    display: flex;
    justify-content: center;
    opacity: .9;
    position: fixed;
    transition: all 0.5s;
    width: 100%;
    will-change: transform, opacity;
    z-index: 2;
    left: 0;
    top: 0;
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
    border-radius: 0;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.9;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.9;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.9;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.9;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:.9;}
}

.close-btn {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 2;
}
.close-btn:before, .close-btn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #fff;
}
.close-btn:before {
  transform: rotate(45deg);
}
.close-btn:after {
  transform: rotate(-45deg);
}
#search form{
    width: 90%;
    border-bottom: 1px solid #fff;
}
/*#search .input-group{
    border-radius: 0;
    box-shadow: none;
    border-color: unset;
    background: transparent;
    border-style: unset;
    border-bottom: 1px solid #fff;  
}*/
#search input{
    height: 85px;
    background: transparent;
    color: #fff;
    font-size: 30px;
    border-radius: 0;
    box-shadow: none;
    border-color: unset;
    background: transparent;
    border-style: unset;
    /* border-bottom: 1px solid #fff; */
    width: 90%;
}       
#search .searchicon{
    filter: brightness(5);
    transform: scale(1.4);
}
 .prolistsec{padding-top: 20px;}
    .left-menu {margin-bottom: 20px;padding-right: 15px !important;}
    .relatedpro ul li{width: 50%;}
}
   

@media only screen and (max-width: 767px) {
    .topleftsec, .loginsec{flex-wrap: wrap;}
    .toprightsec > ul{}
    .searchbg input{width: 180px;}
     .loginbg a i{font-size:var(--font-size3);}
    .login-form{width:100%;}
    /*.topnumber span{display: none;}*/
    .sitelogo {   width: 150px;}
    ..populer-category ul > li{width: 100%;}
    .productseclist > ul > li{width: 50%;}
    .aboutimg, .covidimg{position: static; width: 100%;margin-top: 30px;}
    .aboutright, .leftcivil{width: 100%;}
    .iconsec ul {margin: 0;}
    .iconsec ul li{width: 100%; flex-wrap: wrap;}
    .populer-category ul > li, .newslist > ul > li{width: 50%;}
    .footerbg .container{flex-wrap: wrap;}
    .fbox{width: 100%;padding-left: 0;}
    .leftcontentsec {width: 100%;}
    .imagesec1 { width: 100%;padding-left: 0;}
    .aboutcategory > ul > li{width: 100%;}
    .contimg3{position: static;width: 100%;}
    .eqpright{width: 100%;}
    .eqpleft{width: 100%;max-width: 400px;margin: auto;}
    .testingeqp{top: 50%; right: 50%; text-align: center; transform: translate(50%, -50%);}
    .contentsec1 h1 {font-size: 28px;}
    .bottomicon ul li{width: 100%;}
    .faddress{width: 100%;}
    .ftitle{margin: 20px 0 0;   font-size: 18px;;}
    .tbpad{padding: 10px 0;}
    .loginbg  {display: none;}
    .loginbg.phone-login{display: block;}
    .loginbg.phone-login a{font-size: 12px;}
    .dtpage1.tbpad .dtimg{width: 100%;}
    .dtpage1.tbpad .detailright{width: 100%;padding-left: 0; padding: 30px 0;}
    .newslist > ul{margin:0;}
 .fbox.textlink {   padding-top: 0;}
}



@media only screen and (max-width: 479px) {
    .container{padding-left: 10px;padding-right: 10px;}
    .getsec{flex-direction: column;}
    .getcontent{text-align: center; width: 100%; margin-bottom: 10px;}
    .contentsec1 h1 {font-size: var(--font-size4);margin-top: 20px;}
     .productseclist > ul{flex-wrap: initial; overflow: auto;}
    .productseclist > ul > li{min-width: 67%;}
    .probox{box-shadow: 0 0 20px #f1f1f1;}
    .iconsec ul li{padding: 10px;}
    .abox{flex-direction: column;}
    .icons{width: 100%;text-align: center;}
    .civilcont{padding-left: 0;width: 100%;padding-top: 20px;}
    .eqpright > ul > li{width: 100%;}
    .testingeqp ul li a{font-size: var(--small-font);}
    .civilimg{margin-top: 30px;}
    .productsecbg{padding-bottom: 0;}
    .sitelogo {width: 170px;}
    .banner-text{display: none;}
    .owl-carousel .owl-item img{height: 200px;}
    .getcontent span{font-size: var(--font-size2);}
    .heading2 {font-size:20px;margin-top: 20px;}
    .populer-category ul > li, .newslist > ul > li{width: 100%;}
    .populer-category ul{margin: 0;}
    .get-quotebg{padding: 15px 0;}
    .contactlink a{padding: 6px 18px;}
    .centertext {margin: 20px 0;}
    .populer-category ul li{width: 50%;}
    .populer-category ul > li {padding: 8px;}
    .populer-category ul > li > a{padding: 5px 7px;}
    .titles{font-size:var(--font-size2);}
    .contentsec1{background: #fff;}
   .heading3{margin-top: 15px;}
    .dtpage1{background: #fff;}
    .btn_details{margin-bottom: 20px;}
    .relatedpro ul li {padding: 12px;}
    .innercontent .tablesec th{width: 25%; border: 1px solid #f1f1f1;padding: 0 10px;font-size: 13px;}
     .innercontent .tablesec td{border: 1px solid #f1f1f1;padding: 0 10px;}
    .innercontent .tablesec .btn{margin: 10px 0;}
    .dtbtn ul li{padding-right: 5px;}


}



@media only screen and (max-width: 414px){
     .topnumber{display: none;}
     .loginbg a {padding: 6px 7px;}
     .goog-te-gadget-simple{padding: 6px 6px!important;}
     .sicon{padding: 6px 7px!important;}
     .detailright .btns{padding: 8px 15px;}
     .quick_view { padding: 8px 8px; height: 34px;}
     .toprightsec > ul > li { margin-left: 3px;}

}