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

@media only screen and (max-width :1400px){
    .beFormHdr{padding:16px 20px; font-size: 20px; line-height: 26px; height: 60px; clip-path: polygon(0% 0%, 100% 0%, 100% 82%, 80% 100%, 0% 82%);}
    #beForm{padding:10px 30px 20px;}
    #beForm .enqryFld{margin-bottom: 5px;}
    .banner-cont .line1{font-size:36px; line-height:44px;}
}
@media only screen and (max-width :1200px){
    .banner-cont .line1{font-size:30px; line-height:36px; letter-spacing:2px;}
    #bannerEnquiry {transform: scale(0.8);} 
    #clientsFeedback{background-image: none;}
    .clients{width:40%;padding: 0 20px 0 50px;}
    .clients::after{width: 150px; height: 150px;}
    .clients::before{width: 110px; height: 110px;}

}
@media only screen and (max-width :950px){
    #bannerForm{position: relative;background:#e8f3ff; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); padding: 40px 10px;}
    #bannerEnquiry {transform: scale(1); margin: auto;} 
    .beFormHdr{padding: 20px; font-size: 24px; line-height: 34px; clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 80% 100%, 0% 75%);height: 90px;}
    .banner-cont{max-width: 80%; width: auto; text-align: center; margin: auto;}
    .banner-cont p{text-align: center;}
    #whoWeAre{background-image: none;}
}

@media only screen and (max-width :909px){
    .main-navigation{padding-top: 8px;}
    .main-navigation .primary-menu > li::after{display: none;}
    #topPanel{display: none;}
}
@media only screen and (max-width:800px){
	#subBanner .subBannerTitle h1,#subBanner .subBannerTitle{font-size: 30px; line-height: 36px;}
    #status ul{padding:20px;}
    #accreditationsEvents .wrap{flex-direction: column;}
    #accreditationsEvents #accrediations,#accreditationsEvents #latestEvents{width: 100%;}
    #accreditationsEvents h4,#accreditationsEvents h5,#accreditationsEvents h6,#accreditationsEvents .sectionTitle{text-align: center;}
    .banner-cont .line1{font-size:24px; line-height:32px; margin-bottom:20px;}
    footer .widget-area,footer .widget-list{flex: 50%; width: 50%; padding: 10px;}
    footer .wrap{flex-direction: row;flex-wrap: wrap; gap: 0;}
    
}
@media only screen and (max-width:780px){
    #welcome{background: none;}
    #welcome .wrap{flex-direction: column;}
    .welcomeCont{width:100%;padding: 0; background: none;}
    .welcomeThumb{width: 100%;}
    #hightlight{margin:0 0 30px; padding: 60px 10px 20px; font-size: 18px; line-height: 26px;}
    #hightlight::after{bottom: 0;}
    .footerLogo .custom-logo{height: auto;}
    #statistics ul{display:grid; grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); grid-template-rows: minmax(40px, auto); grid-auto-flow: dense; grid-gap: 30px}

    .sectionTitle{margin-bottom:30px; font-size:26px; line-height:32px;}
    .sectionTitle h1,.sectionTitle h2,.sectionTitle h3,.sectionTitle h4,.sectionTitle h5,.sectionTitle h6{font-size: 26px!important; line-height: 32px !important;}
    .frame{padding:30px 10px;}
    #clientsFeedback .wrap{flex-direction: column;}
    .clients{width: 400px;}
    .feedback{width: 100%;}
}
@media only screen and (max-width:700px){    
    .whoCont, .wwaThumb{width: 100%;}
    aside, article{width:100%}
    #blogMedia hr{width: auto; height: 1px;}
    #blogMedia,#searchList,#productListPage .wrap,#whoWeAre .wrap,#latestProduct .productID,#productInfo .wrap,#brands .wrap,#columnSection{flex-direction: column;}
    .productThumb,.productFeatures{width: 100%;}
}

@media only screen and (max-width:650px){
    .banner-cont .line1{margin-bottom:0;}
    .banner-cont .line2{display: none;}
    footer .wrap{flex-direction: column; text-align: center; gap: 30px;} 
    footer .widget-area,footer .widget-list{width:100%; padding: 0;}  
    footer p{text-align: center;} 
    #footerDetails #block-20, #footerDetails #block-21, #footerDetails #block-24,#footerDetails #block-15{background-position:center top;padding:35px 0 0;}
    .footerLogo{margin:0 0 20px; }
    #banner .slides li{height:280px;}
    #banner .slides li img{object-fit: cover; height: 100% !important;}
    #topPanel .wrap{text-align: center; flex-direction: column;}
    .custom-logo{height: 40px;}
    button.searchBtn {margin-left: 12px;}
    .flex-control-paging li a{width: 16px; height: 16px;}
    .flex-control-nav{bottom: 0; left: 50%; width: auto; padding: 0; transform: translateX(-50%);}
    .flex-direction-nav{display: none;}
    .banner-cont .line1{font-size: 20px; line-height: 26px; letter-spacing: 1px;}
    .topInfo{line-height: 18px; margin-bottom: 8px;}
    .flex-control-nav li{margin: 0 3px !important;}
    .flex-control-paging li a{border-color:rgb(0 124 219);}
    #physicalProducts h2,#physicalProducts h3,#physicalProducts h4,#physicalProducts h5,#physicalProducts h6{font-size: 32px; line-height: 38px; margin-bottom: 24px;}
    .halfImgRight, .halfImgLeft{position: static; width:calc(100% + 20px); margin: -30px -10px 0; height: 300px;}
    .flexCont{flex-direction: column; gap: 0;}
    .halfCont{margin-top: 40px; text-align: center;}
    .halfCont p{text-align: center;}
    .flexCont > div{width: 100%;}    
    .contactInfo{border-radius: 0; margin: 0 -10px 40px;width: calc(100% + 20px) !important;}
    .e-con.e-flex>.e-con-inner{flex-direction: column;}
    
}
@media only screen and (max-width:600px){
    #bodyCont h1, #bodyCont h2, #bodyCont h3, #bodyCont h4, #bodyCont h5, #bodyCont h6{text-align: center;}
    #latestProduct .productID{flex-direction: row;}
}

@media only screen and (max-width:520px){
    .welcomeCont h1.entry-title{font-size: 24px !important; line-height: 28px !important;}
    .site-header{padding: 10px;}
}

@media only screen and (max-width:480px){    
    .clients{width: 100%;}
}

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