@media only screen and (min-width:1921px) { }
@media only screen and (min-width:1681px) {
    .container { max-width: 1536px; }
    
}

@media only screen and (max-width:1680px) {
    .left-padding{padding-left: calc(((100% - 1320px) - 30px) / 2);}
    .hm-industries-wrap{padding: 0px calc((100% - 1320px) / 2);}
}
@media only screen and (max-width:1440px) {
    body{font-size: 20px;}
    .left-padding{padding-left: calc(((100% - 1110px) - 30px) / 2);}
    .t150 {font-size: 120px;}
    h1, .th1, h2{font-size: 70px;}
    h3, .th3{font-size: 48px;}
    .t36{font-size: 30px;}
    .t30{font-size: 22px;}
    .left-pad-150{padding-left: 90px;}
    .mb-100{margin-bottom: 70px;}
    .mb-300{margin-bottom: 200px;}
    .pb-300{padding-bottom: 200px;}
    .pt-300{padding-top: 200px;}
    .objwidth{width: 200px;}
    header .logo{padding: 30px 0px;}
    .advairfiledrow .btn-theme{margin-top: 10px;}
    .logoimg {margin-bottom: 280px;}
    .logoimg img{height: 150px;}
    .arixcomp .bordeboxcol img{max-width: 230px;}
    .arixcomp .bordeboxcol img, .arixcomp .bordeboxcol p{margin-bottom: 30px;}
    .cardimg{width: 60%;}
    .imgcapcard{width: 40%;}
    .hr-imgcard{min-width: 960px}
    .hm-industries-wrap{padding: 0px calc((100% - 1110px) / 2);}
    .blogcontent{padding: 30px;}
    .blogitem {height: 30rem;}
    .blogimg{top: 30rem;}
    .joinuselement .btn-theme-blk{margin-top: 10px;}
    .joinuselement .leftbottomvector {bottom: -200px;}
    .copyright{padding-left: 50px;font-size: 18px;}
    .footerlink{padding-top: 100px;padding-bottom: 100px;}
    .socialicon a{margin-right: 30px;}
    .footercontact{padding: 100px 12px 100px 50px;}
    .cotactinfo a{font-size: 24px;}
    .footerlink ul li{margin-bottom: 30px;}
    .cotactinfo{margin-bottom: 30px;}
    .footerlink ul li a{font-size: 30px;}
    .stickymainwrapper .lefttopvector{top: 120px;}
    .footerbottom img{max-width: 150px;}
    .thankyoupage {margin-top: 170px;}
}
@media only screen and (max-width:1366px) { }
@media only screen and (max-width:1280px) {
    .logoimg {margin-bottom: 243px;}
 }
@media only screen and (max-width:1200px) {
    .h-spacer{display: none;}
    .mb-100{margin-bottom: 50px;}
    .pb-300{padding-bottom: 100px;}
    .pt-300{padding-top: 100px;}
    .mb-300{margin-bottom: 100px;}
    .t150{font-size: 90px;}
    .t36{font-size: 24px;letter-spacing: 0px;line-height: 30px;}
    .t30 {font-size: 20px;}
    h1, .th1, h2{font-size: 50px;}
    h3, .th3 {font-size: 45px;}
    .btn-theme, .btn-theme-blk{padding: 12px 20px;font-size: 16px;}
    .btn-theme::after, .btn-theme-blk:before{margin-left: 20px;}
    .navbtn{width: 41px;height: 41px;margin-left: 20px;}
    .leftclipmask, .rightclipmask{clip-path: inherit;}
    .leftclipmask img, .rightclipmask img{transform: none;}
    .left-pad-150{padding-left: 50px;}
    .right-padding-100{padding-right: 50px;}
    .minus-left-100{margin-left: -50px;}
    .advairfiledrow .righttopvector {top: -100px;}
    .homebannersticky, .banner-container{height: inherit;}
    .first-top-title, .bottom-top-title{position: relative;top: auto;bottom: auto;left: 0px;transform: none;}
    .maintitle{display: none;}
    .bannerimg{margin-bottom: 100px;}
    .imgtitlecap {position: absolute;bottom: 0px;left: 0px;width: 100%;padding:0px 50px 50px;}
    .objwidth {width: 120px;}
    .first-top-title, .bottom-top-title{max-width: 100%;padding: 0px 30px;}
    .hero-home-banner{padding-bottom: 100px;}
    .advairfiledrow .btn-theme{margin-top: 0px;}
    .globslider .slick-slide a{padding: 30px;}
    .cetificateimg{padding: 30px;display: none;}
    .logoimg {margin-bottom: 150px;}
    .certitle{font-size: 18px;}
    .logoimg img {height: 100px;}
    .arixcomp .bordeboxcol{padding: 50px;}
    .arixcomp .bordeboxcol img{width: 200px;}
    .cardimg{overflow: hidden;}
    .hm-industries-wrap{padding: 0px 40px;margin-top: 50px;}
    .hr-imgcard{width: 100%;min-width: inherit;margin-bottom: 30px;}
    .hr-imgcard:last-child{margin-bottom: 0px;}
    .stickymainwrapper .lefttopvector {top: 200px;}
    .blogitem{height: inherit;}
    .blogimg{top: 0px;position: relative;}
    .blogcard{height: inherit;}
    .blogcontent .plusbtn{width: 36px;height: 36px;}
    .blogcontent{padding: 20px;}
    .joinuselement .row [class*="col-"]:first-child {margin-bottom: -60px;}
    .footerbottom{padding: 30px 0px;}
    .blogitem .datecol{margin-top: 30px;}
    .arixcomp .bordeboxcol img, .arixcomp .bordeboxcol p{margin-bottom: 20px;}
    .mainheader.sticky .logo img, .mainheader .logo img{width: 110px;}
    .footerlink ul li a{font-size: 24px;}
    .footerlink ul li{margin-bottom: 20px;}
    .cotactinfo a{font-size: 20px;}
    .cotactinfo{margin-bottom: 20px;}
    .socialicon a{margin-top: 20px;}
    .thankyoupage {margin-top: 150px;}
    .pagenotfound img{width: 300px;margin-bottom: 30px;}
    .plusbtn{width: 40px;height: 40px;}
    .imgcapcard{padding-right: 50px;}
}
@media only screen and (max-width:992px) {
    .t150 {font-size: 70px;}
    .t36{font-size: 20px;}
    h1, .th1, h2{font-size: 40px;letter-spacing: -1px;}
    .mb-100{margin-bottom: 30px;}
    .mb-50{margin-bottom: 30px;}
    .left-pad-150{padding-left:30px;}
    .right-padding-100 {padding-right: 30px;}
    .arixcomp .bordeboxcol {padding: 30px;}
    .arixcomp .bordeboxcol img{width: 150px;}
    .blogcontent .t30{font-size: 18px;}
    .blogitem .datecol{margin-top: 10px;}
    .joinuselement .row [class*="col-"]:first-child{margin-bottom: -50px;}
    .imgcapcard{padding: 20px 40px 20px 20px;}
}
@media only screen and (max-width:767px) {
    p{margin-bottom: 15px;}
    .container{padding: 0px 20px;}
    .righttopvector, .lefttopvector, .leftbottomvector {display: none;}
    .t150{font-size: 40px;}
    h1, .th1, h2{font-size: 36px;margin-bottom: 20px;}
    h3, .th3{font-size: 27px;}
    header .logo, .mainheader.sticky .logo{padding: 15px 0px;}
    .bannerimg{margin-bottom: 60px;}
   .bannerimg img{height: 500px;}
   .first-top-title, .bottom-top-title{padding: 0px 20px;}
   .imgtitlecap{padding: 0px 30px 30px;}
   .minus-left-100{margin-left: 0px;}
   .right-padding-100{padding: 0px;}
   .pb-300{padding-bottom: 60px;}
   .pt-300{padding-top:60px;}
   .mb-300{margin-bottom: 60px;}
   .hero-home-banner{padding-bottom: 60px;}
   .advairfiledrow{padding:0px  20px;}
   .advairfiledrow .leftclipmask{margin-bottom:25px;}
   .globslider .slick-slide {padding: 0px 20px;}
   .globslider .slick-slide a{border-left: 1px solid #979591;}
   .arixcomp [class*="col-"]{margin-bottom: 30px;}
   .arixcomp [class*="col-"]:last-child{margin-bottom: 0px;}
   .hr-imgcard{flex-wrap: wrap;}
   .cardimg, .imgcapcard{width: 100%;}
    .hm-industries-wrap{padding: 0px 20px;}
    .homeblogrow .row .blogitem{margin-bottom: 25px;} 
    .homeblogrow .row .blogitem:last-child{margin-bottom: 0px;}
    .joinuselement .rightclipmask {margin-bottom: 25px;}
    .footerlink{padding-top: 60px;padding-bottom: 0px;border: none;}
    .footercontact{padding: 0px  12px 60px;}
    .footerlink ul{padding-bottom: 30px;border-bottom: 1px solid #979591 ;margin-bottom: 30px;}
    .copyright{padding-left: 12px;margin-top: 20px;}
    .cotactinfo i{align-self: flex-start;line-height: 1;margin-top: 5px;}
    .cotactinfo a{padding-bottom: 0px;}
    .cotactinfo{margin-bottom: 30px;}
    .cotactinfo:last-child{margin: 0px;}
    .socialicon a {margin-top: 10px;}
    .left-pad-150{padding-left: 0px;}
    .pagenotfound img{width: 200px;}
    .thankyoupage p br{display: none;}
    .thankyoupage{margin-top: 100px;}
}
@media only screen and (max-width:580px) { }
@media only screen and (max-width:375px) { }

/* animation keyframe css */
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp { animation-name: fadeInUp; }

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeIn { animation-name: fadeIn; }