@charset "utf-8";
@media only screen and (min-width : 1200px){

    /*contactus*/
    .contform_section{margin: 0 30px 0 0;}
}
@media screen and (min-width: 1300px) 
{
    
    .container { max-width: 1200px; } 
    .conticonset li.mail a{line-break: normal;}

}
@media screen and (min-width: 1440px) {
    .container { min-width: 1280px; }
    body{font-size: 16px;line-height: 25px;}

 
}

@media screen and (min-width: 1600px) {
    .container { min-width: 1360px; }
    .contactWrap{padding: 120px 0;}
    .bgBlackWithBorder{width: 1070px;}
    .bgBlackWithBorder > div > h3{font-size: 60px;}
    .abttxtsec{margin-bottom:60px ;}
    .productWrap{padding: 115px 0 65px;}
   
}
@media only screen and (max-width: 991px) 
{
    #mobnav{display: block;}
    .navmenu{background-color: #000;position: fixed;top:0;right:-280px;width:280px;justify-content: start;align-items: start;overflow-y: scroll;transition: all 0.5s ease;z-index: 9997;}
    .navmenu.active{right:0;}
    .navmenu>ul{flex-direction: column;padding:20px;gap:10px;}
    .navmenu>ul>li{margin-right: 0;}
    .navmenu .submenus>ul{padding:10px 0 0 15px;box-shadow:none;min-width: auto!important;position: static;display: none;background-color: transparent;transform: rotateX(0deg);}
    .navmenu>ul>li.submenus>a{padding-right: 0;}
    .navmenu>ul>li.submenus>a:after{display: none;}
    .navmenu .submenus.active>ul{display: block;opacity: 1;visibility: visible;}
    .navmenu a{color:var(--white);}
    .navmenu a:hover{color:var(--lightgold);}
    .navmenu .submenus>ul{border-top:none;}

    .headerWrap{height: 70px;}
    .header >a{width: 200px; height: 60px;top: 4px;}
    .bannerWrap{min-height: calc(100vh - 70px);}
    .bgBlackWithBorder{width: 100%;}
    .bgBlackWithBorder > div > h3{font-size: 40px;}

    .aboutWrap{padding: 50px 0;}
    .abtSeccnt{padding-left: 0; text-align: center;}
    .abtImgsec{width: 400px;margin: 0 auto 25px;}
    .commonhead{margin: 0 0 15px;font-size: 27px;line-height: 34px;}
    .abtSeccnt p{font-size: 15px;line-height: 24px;text-align: left;}
    .visboxes{gap: 30px;}
    .abtbox{flex-basis: calc(45%);}
    .productWrap{padding: 50px 0 20px;}
    .productWrap h2{margin: 0 0 35px;}
    .prdtIcon{margin: 0 0 30px;}
    .contactWrap{padding: 50px 0 20px;}
    .contform_section { margin: 0 auto 35px;  width: 625px;   }
    .gmapWrap {width: 625px; margin: 0 auto; }

      /*products*/
      .bgsecblue{min-height: calc(100vh - 70px);}
      .productBox{flex-basis: calc(33.3% - 15px);}
      .productWrapper{padding:50px 0;}

}
@media only screen and (max-width: 767px) {
     body{font-size: 15px;line-height: 24px;}
    .footersec{gap:20px;}
    .footerbox >h3{font-size:25px;line-height: 32px;padding-bottom:10px;}
    .footerbox:first-child>div:nth-child(2){margin-bottom: 0;}
    .footerbox >div>h4:after{font-size: 20px;line-height: 20px;}

    .bgBlackWithBorder{min-height: 165px;}
    .bgBlackWithBorder > div > h3{font-size: 30px;}
    .bgBlackWithBorder > div > p{font-size: 14px;}
    .aboutWrap { padding: 40px 0 5px; }
    .abtImgsec { width: 320px; margin: 0 auto 25px;  }
    .abttxtsec{margin-bottom: 30px;}
    .visboxes{gap: 0;}
    .abtbox{flex-basis: calc(80%);}
    .abtbox { margin: 0 0 35px; }
    .productWrap {padding: 50px 0 10px;}
    .contactWrap {padding: 40px 0;}
    .contform_section {margin: 0 0 35px 0;width: 100%;}
    .gmapWrap {width: 100%;}
    .cont_img > h3{text-align: right;padding: 0 40px 0 0;}
    .conticonset li:last-child{margin: 0;}
    .topmenuswrap ul.rhticons{display: none;}
    .topmenuswrap ul{ display: block; text-align: center;}


    /*products*/
    .productWrapper{padding:40px 0;}
    .productBox{flex-basis: calc(50% - 10px);}

}
@media only screen and (max-width: 479px) 
{
     body{font-size: 14px;line-height: 24px;}
     .cmnBtn{padding:4px 18px;}

    .footersec{flex-direction: column;gap:5px;}
    .footerbox{font-size: 14px;line-height: 25px;}
    .footerbox>div{margin-bottom: 10px;}
    .footerbox >h3{font-size: 20px;line-height: 25px;}
    .footerbox >div>h4{font-size: 16px;line-height: 25px;padding-bottom: 0;}

    .bgBlackWithBorder{padding: 20px;}
    .bgBlackWithBorder > div{padding: 15px;}
    .aboutWrap {padding: 30px 0 0; }
    .abtImgsec {width: 275px; margin: 0 auto 15px;  }
    .commonhead {font-size: 24px;line-height: 30px;}
    .abtbox{width: 100%;margin: 0 auto 30px;padding: 15px 15px 20px;}
    .abtimgbox{width: 175px;}
    .abtbox h3{font-size: 16px;line-height: 21px;}
    .abtbox p{font-size: 14px;line-height: 20px;}
    .productWrap {padding: 30px 0 10px;}
    .prdtIcon {margin: 0 10px 20px;}
    .productWrap [class*='col-']{    padding-right: 0;    padding-left: 0;}
    .prdtIcon em{font-size: 14px; padding: 5px 0;}
    .contactWrap {padding: 30px 0;}
    .cont_img{min-height: 175px;}
    .cont_img > h3{padding: 0 30px 0 0;height: 175px;    font-size: 24px;}
    .contact_form{padding: 20px;}
    .conticonset li{display: inline-block;margin: 0 10px 30px 0; padding: 0 0 0 40px;font-size: 15px;line-height: 23px;}
    .conticonset li:before{    width: 30px; height: 30px;}
    .conticonset li b{    font-size: 18px;}
    .formsubmit{flex-direction: column-reverse;}
    .formsubmit>span{text-align: center;padding:10px 0 0;}
    .footerWrap{  padding: 13px 0; font-size: 12px;}
    .topmenuswrap ul li.lft {padding: 10px 6px 10px 20px; margin: 0;}
    .topmenuswrap ul li:before{top: 11px;left: 0;}
    .topmenuswrap ul li a{  font-size: 13px; line-height: 16px;}

    /*products*/
    .productWrapper{padding:30px 0;}
    .productBox{flex-basis: 47%;margin: 0 auto;}

    .productHead{justify-content: start;flex-direction: column;gap:15px;margin-bottom: 0;padding:0 0 20px;border: none;}
    .productHead>div>h1{font-size: 25px;line-height: 35px;padding:0 0 0 30px;}
    .productHead>div>h1:after{font-size: 20px;line-height: 34px;top:3px;}
    .productBoxWrapper{gap: 20px 10px;}
    .prductCnt {padding: 5px 0 8px;}
    .prductCnt>h2{font-size: 14px;line-height: 24px;border:none;}


}