@media only screen and (min-width:1921px) {
.contactimgbanner img, .videoanimation img,.hmt-img img  { width: 100%; }
 }
@media only screen and (min-width:1200px) {

    /*header-menu*/
    .navmenu > ul > li:hover > ul, .navmenu > ul > li > ul li:hover > ul { display: inline-block; }
    .navmenu > ul > li  ul { position: absolute; top: 100%; min-width: 300px; background-color: #fff; margin-left: 0px; display: none; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }
    .navmenu > ul > li > ul  li { position: relative; line-height: 1.1; padding: 0px 15px; }
    .navmenu > ul > li > ul  li a { position: relative; line-height: 1.1; padding: 10px 0px; display: block; border-bottom: 1px solid #D1D5DB; color: #030712; }
    .navmenu > ul > li ul li ul { top: 0px; left: 100%; z-index: 1; }
    .navmenu > ul > li > ul  li  a:hover, .navmenu > ul > li  ul  li.current-menu-item > a { color: #F26529; }
    .navmenu > ul > li.menu-item-has-children > a::before { content: ''; background: url(../images/menu-arrow-normal.svg) no-repeat center; width: 20px; height: 20px; position: absolute; top: calc(50% + 1px); right: 0px; transform: translateY(-50%); }
    .navmenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 23px; }
    .navmenu > ul > li.menu-item-has-children > a:hover::before, .navmenu > ul > li.current-menu-item.menu-item-has-children > a::before, .navmenu>ul>li:hover>a:before { background: url(../images/menu-arrow-active.svg) no-repeat center; }
    .navmenu > ul > li > ul li:last-child a { border-bottom: navajowhite; }

/*header-menu-end*/ }
@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1680px) {
    .t72 { font-size: 60px; letter-spacing: -1px; }
    h1, h2, .th1, .th2 { font-size: 46px; letter-spacing: -1px; }
    h3, .th3 { font-size: 34px; margin-bottom: 20px; }
    .singlepostcontent h1, .singlepostcontent h2 { font-size: 40px; }
    h4, .th4 { font-size: 26px; }
    .navmenu>ul>li { margin: 0px 30px; }
    .hmt-box { padding: 0px 40px; }
    .hm-tradeportfolio .hmt-wrap { padding: 0px 0px; }
    .hmt-content.mb-50 { margin-bottom: 30px; }
    .mb-250 { margin-bottom: 200px; }
    .mt-250 { margin-top: 200px; }
    .pagenotfound p { margin-bottom: 30px; }
    .mb-200 { margin-bottom: 170px; }
    .sectionboader { margin-top: 100px; }
    .mb-125 { margin-bottom: 100px; }
    .mb-150 {margin-bottom: 100px;}
    .textleftbanner { left: 20px; }
    a.btn-theme.mt-100 { margin-top: 70px; }
    .singlepostcontent.mb-150 { margin-bottom: 100px; }
    .othertradeportfoliorow .slick-prev, .othertradeportfoliorow .slick-next { top: -70px; transform: unset; left: unset; right: 12px; }
    .othertradeportfoliorow .slick-prev { right: 80px; }
    .toppageoffset {margin-top: 200px;}
    .mb-250{margin-bottom: 150px;}
}
@media only screen and (max-width:1440px) {
    h1, h2, .th1, .th2{font-size: 42px;}
    .t30{font-size: 24px;}
    .otpf-content h4.mb-50 { margin-bottom: 30px; }
    .tpd-box { padding: 0px 40px; }
    .tpd-box:nth-child(5n + 4) { width: 53%; padding-left: 120px; }
    .tpd-box:nth-child(5n) { width: 42%; }
    .style2 .tpd-box:nth-child(5n) { width: 47%; }
    .contactdetailcol h2 {margin-bottom: 30px;}
    .contactdetailcol .borderbottom{padding-bottom: 20px;margin-bottom: 20px;}
    .brandtriangle {width: 60%;}
    .aboutbrandsticky{top: 50px;}
    .whychooseusrow{padding: 150px 0px;}
    .whychooseusrow .mb-100, .beybusinessrow .mb-100{margin-bottom: 50px;}
    .keyitemcol, .keyborder{width: 80%;}

}
@media only screen and (max-width:1366px) { }
@media only screen and (max-width:1280px) {
    h1, h2, .th1, .th2 { font-size: 40px; }
}
@media only screen and (max-width:1199px) {

    /*header-menu*/
    .navarrow { display: inline-block; vertical-align: top; position: relative; width: 13px; height: 10px; }
    .navarrow::before { content: ''; width: 13px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/menu-arrow-mobile.svg) no-repeat; background-position: left center; left: 0px; background-size: 13px; }
    .navarup::before { transform: rotate(180deg); }
    .navbartoggle, .closebtn { display: inline-flex; line-height: 1; }
    .black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0px; height: 100%; width: 100%; top: 0px; display: none; }
    .navmenu { overflow: auto; border-radius: 0px; z-index: 50; position: fixed; overflow: auto; height: 100%; width: 50%; background: #030712; right: -100%; top: 0px; -webkit-transition: right 0.9s; -o-transition: right 0.9s; transition: right 0.9s; -webkit-box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); flex-wrap: wrap; align-items: flex-start; flex-direction: column; }
    .navmenu.slide { right: 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .icnline { background-color: #030712; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .navicon::before, .navicon::after { content: ''; position: absolute; background-color: #030712; width: 100%; height: 2px; left: 0px; }
    .navicon::before { top: 0px; }
    .navicon::after { bottom: 0px; }
    .navmenu > ul { padding: 50px 15px 0px 30px; margin-right: 0px; display: inline-block; vertical-align: top; width: 100%; }
    .navmenu>ul>li { margin: 0px 0px 30px; }
    .navmenu>ul>li a { font-size: 24px; color: #fff; padding: 0px; line-height: 1.1 }
    .navmenu > ul  li  ul { position: relative; margin-left: 0px; background-color: transparent; padding: 30px 0px 0px 0px; box-shadow: none; }
    .navmenu > ul > li  ul  li  a { font-size: 18px; color: #ffffff; }
    .navmenu > ul li ul li ul { padding: 20px 0px 20px 20px }
    .navmenu > ul li ul li ul li { position: relative; }
    .navmenu > ul li ul li { position: relative; margin: 8px 0px; }
    .navmenu>ul>li:last-child, .navmenu > ul li ul li:last-child { margin-bottom: 0px; }
    .navmenu > ul li ul li:first-child { margin-top: 0px; }
    header .logo { max-width: 150px; }
    .closeBtn { line-height: 1; z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0px; transform: rotate(45deg); display: inline-flex; align-items: center; justify-content: center; }
    .closeBtn::after { background-color: #ffffff; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .closeBtn::before { background-color: #ffffff; height: 100%; width: 2px; position: absolute; top: 0px; content: ''; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .closeBtn:hover::after, .closeBtn:hover::before { background-color: #ffffff; }
    header .logo { padding: 15px 0px; max-width: 120px; }
    .textleftbanner { left: 30px; }
    .mb-250 { margin-bottom: 100px; }
    .mb-200 { margin-bottom: 80px; }
    a.btn-theme.mt-100 { margin-top: 30px; }
    h2.mb-40, h1.mb-40 { margin-bottom: 30px; }
    .vectoParallax img, .brandvector img { width: 100px; }
    .calltoaction h2.mb-50 { margin-bottom: 30px; }
    .sectionboader { margin-top: 50px; }
    .mb-125 { margin-bottom: 50px; }
    .btn-theme { letter-spacing: 0.5px; padding: 14px 20px; font-size: 16px; }
    .btn-theme::after { background-size: 14px; width: 14px; height: 13px; margin-left: 5px; }
    .boader-shape { opacity: 1; transform: translateY(0px); padding: 0px 14px; }
    .hmt-title h2.mb-80, .hmt-title h1.mb-80 { margin-bottom: 50px; }
    .sectionboader:after { width: 100%; }
    .ptb-100 { padding: 60px 0px; }
    .socialicon a { margin-right: 15px; }
    .footermenu { margin: 60px 0px; }
    .footermenu  .row.mb-100 { margin-bottom: 50px; }
    body { font-size: 16px; line-height: 26px; }
    .footerlinkcol li + li { margin-top: 10px; }
    .footelogo img { max-width: 150px; }
    .textleftbanner { color: #fff; z-index: 1; width: 100%; left: 40px; }
    .mt-250 { margin-top: 100px; }
    img.notfound-img { max-width: 40%; margin-bottom: 25px; }
    .thankyoupage p { margin-bottom: 20px; }
    .single-tradeportfolio .textleftbanner, .single-tradeportfolio .textcaption, .single-tradeportfolio .videoanimation { opacity: 1; }
    .single-tradeportfolio .textleftbanner { display: none; }
    .single-tradeportfolio .textcaption { transform: translateY(-50%); text-align: left; }
    .tpd-box:nth-child(5n + 4) { padding-left: 12px; }
    .tpd-box { padding: 0px 12px; }
    .tpd-box:nth-child(5n + 4) { padding-left: 12px; }
    .tpd-row-inner { margin: 0px; }
    .tpd-row { padding: 0px 8px; }
    .tpd-box:nth-child(5n + 4) { width: 55%; }
    .tpd-box:nth-child(5n) { width: 45%; }
    .tpd-box { margin-bottom: 30px; }
    .style2 .tpd-box:nth-child(5n + 4) { width: 45%; }
    .style2 .tpd-box:nth-child(5n) { width: 55%; }
    .otpf-slider .slick-dots { bottom: -30px; padding-left: 12px; text-align:center; }
    .single-tradeportfolio .videoanimation { height: 50vh; }
    .tpd-boximg { margin-bottom: 10px; }
    .single-tradeportfolio .textcaption { padding-top: 50px; }
    .tpd-box  h6 { font-size: 18px; }
    .blogtitlecontent h4 { margin-bottom: 20px; }
    .bloglist-box { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #D1D5DB; }
    .mb-150 { margin-bottom: 100px; }
    .mb-50 { margin-bottom: 30px; }
    .catagoryrow ul { margin-bottom: 30px; }
    .blogfullrow-content { margin-bottom: 80px; }
    .mb-150 { margin-bottom: 70px; }
    .blogfullrow-banner, .blogfullrow-banner img { height: 60vh; }
    .singlepostcontent.mb-150 { margin-bottom: 50px; }
    .t72 { font-size: 46px; letter-spacing: -1px; }
    h1, h2, .th1, .th2 { font-size: 36px; letter-spacing: -0.5px }
    h4, .th4 { font-size: 22px; }
    .singlepostcontent h1, .singlepostcontent h2 { font-size: 42px; }
    h3, .th3 { font-size: 30px; }
    h5, .th5 { font-size: 20px; }
    .singlepostcontent h1, .singlepostcontent h2 { font-size: 34px; }
    .toppageoffset {margin-top: 100px;}
    .contactdetailcol h2 {margin-bottom: 20px;}
    .contactinforow .vectrobottomright {bottom: -80px;}
    .keyitemcol, .keyborder{width: 100%;height: inherit;transform: translateX(0%);}
    .whychooseusrow{padding: 100px 0px;}
    .imgrightclip, .imgleftclip, .stickyshapecontent {clip-path: inherit;}
    .whowetext{padding-left:0px;}
    .whoweareheroelement .vectorbottomleft {left: 60px;}
    .h-spacer-50, .h-spacer{display: none;}
    .aboutbrandsticky{position: relative;top: 0px;height: inherit;align-items:flex-start;}
    .brandimscale{transform: none;}
    .titlecontent{opacity: 1;transform: none;position: relative;margin-bottom: 30px;}
    .titlecontent:last-child{margin-bottom: 0px;}
    .brandcontentbox{flex-wrap: wrap;}
    .brandtriangle { width: 80%;}
   .teamslider  .slick-dots{padding: 0px 12px;}
   .vismissionrow .row{margin-bottom: 50px;}
   .textboxanim2{max-width: 350px;}
   .textshowscroll i{width: 80px;}
   .keyitemcol h5{padding: 20px 0px;}
   .textshowscroll { padding-bottom: 20px;}
   .textboxanim1 :last-child{margin-bottom: 0px;}

/*header-menu-end*/ }
@media only screen and (max-width:992px) {

    /*header-menu*/
    .navmenu { width: 60%; }
    .vectoParallax img, .brandvector img { width: 70px; }
    .hm-work-left { max-width: 70%; margin-bottom: 20px; }
    .hmt-box { width: 50%; flex-direction: column; flex: unset; }
    .hmt-box-wrap { justify-content: center; }
    .hmt-box:last-child { margin-top: 50px; border-right: 1px solid #D1D5DB; }
    .footelogo { margin-bottom: 30px; }
    .single-tradeportfolio .videoanimation { height: 40vh; }
    .blogfullrow-content { margin-bottom: 50px; }
    .bloglistingrow .vectortopright { top: -150px; }
    .contactinforow.mb-150{margin-bottom: 30px;}
    .contactfrmrow .wpcf7 form.invalid .wpcf7-response-output,
    .contactfrmrow  .wpcf7 form.unaccepted .wpcf7-response-output { width: 100%; margin-left: 0%; }
    .contactfrmrow .wpcf7 form.invalid .wpcf7-response-output, .contactfrmrow  .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { width: 100%; margin-left: 0px; }
/*header-menu-end*/ }
@media only screen and (max-width:767px) {

    /*header-menu*/
    .navmenu { width: 100%; }
    header .logo { max-width: 100px; }

/*header-menu-end*/ }
@media only screen and (max-width:580px) {
    .container { padding: 0px 20px; }
    .t72 { font-size: 36px; letter-spacing: -0.5px; }
    h1, h2, .th1, .th2 { font-size: 28px; letter-spacing: -0.3px; }
    .singlepostcontent h1, .singlepostcontent h2 { font-size: 26px; }
    h3, .th3 { font-size: 24px; }
    .textleftbanner { width: 100%; left: 8px; }
    .mb-250 { margin-bottom: 70px; }
    .mb-200 { margin-bottom: 50px; }
    .hm-work-left { max-width: 100%; }
    .hm-work .vectortopleft { display: none; }
    h2.mb-40, h1.mb-40 { margin-bottom: 20px; }
    .sectionboader { margin-top: 35px; }
    .mb-125 { margin-bottom: 32px; }
    h2.mb-50 { margin-bottom: 20px; }
    .hmt-box { padding: 0px 20px; width: 100%; border: navajowhite; }
    .hmt-box + .hmt-box { margin-top: 30px; }
    .hmt-content.mb-50 { margin-bottom: 20px; }
    .hmt-img.mb-30 { margin-bottom: 20px; }
    .hmt-box:last-child { border: navajowhite; }
    .hmt-title.text-center { padding: 0px 20px; }
    h4, .th4 { font-size: 20px; }
    .calltoaction h2.mb-50 { margin-bottom: 20px; }
    .vectoParallax img, .brandvector img { width: 50px; }
    .socialicon { text-align: left; }
    .footermenu  .row.mb-100 { margin-bottom: 30px; }
    .footermenu .row.copyright [class*="col-"] + [class*="col-"] { margin-top: 0px; }
    .footermenu .row [class*="col-"] + [class*="col-"] { margin-top: 20px; }
    .footelogo { margin-bottom: 0px; }
    .ptb-100 { padding: 50px 0px; }
    .footermenu { margin: 50px 0px; }
    .hmt-title h2.mb-80, .hmt-title h1.mb-80 { margin-bottom: 20px; }
    .mt-250 { margin-top: 70px; }
    img.notfound-img { max-width: 60%; margin-bottom: 15px; }
    .pagenotfound p { margin-bottom: 20px; }
    .style1 .vectortopright { display: none; }
    h1, h2, .th1, .th2 { margin-bottom: 15px; }
    .td-singlecontent-row   .vectortopleft { display: none; }
    .otpf-content h4.mb-50 { margin-bottom: 20px; }
    .tpd-box, .tpd-box:nth-child(5n + 4), .tpd-box:nth-child(5n), .style2 .tpd-box:nth-child(5n + 4), .style2 .tpd-box:nth-child(5n) { width: 100%; }
    .tpd-box { margin-bottom: 20px; }
     .tpd-box-style3{margin-bottom: 30px;}
    .catagoryrow ul li { margin-right: 5px; }
    section.populerpostrow .row [class*="col-"] + [class*="col-"] { margin-top: 30px; }
    .row.otherblogrow [class*="col-"] + [class*="col-"] { margin-top: 30px; }
   .contactfrmrow .vectortopleft, .contactinforow .vectrobottomright {display: none;}
   .toppageoffset { margin-top: 70px; }
   .contactinforow .row [class*="col-"]:first-child{margin-bottom: 30px;}
   .contactfrmrow .mb-50{margin-bottom: 20px;}
   .aboutbrandsticky{flex-wrap: wrap;}
   .textfadecaption{position: relative;top: 0px;transform: translateY(0px);padding:70px 0px;}
   .brandtriangle{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
   .textboxanim3 :last-child, .whowetext :last-child{margin-bottom: 0px;}
   .vismissionrow .row{margin-bottom: 30px;}
   .vismissionrow .row [class*="col-"]:first-child{margin-bottom: 20px;}
   .whoweareheroelement .vectorbottomleft, .teamsectrow .vectortopright,.whychooseusrow .vectrobottomright {display: none;}
   .textfade{display: block;}
   .mb-30{margin-bottom: 20px;}
   .whychooseusrow{padding: 70px 0px;}
   .whychooseusrow .mb-100, .beybusinessrow .mb-100{margin-bottom: 30px;}
   .stikckyimgleft{position: relative;top: 0px;margin-bottom: 50px;}
   .mapvideoimg{margin-top: 10px;}
   .trade-portfolio-details .vectortopright   {display: none;}
    .videoanimation img { height: 100%; }
}
@media only screen and (max-width:375px) { }
.vc_row { margin: 0px !important }
.vc_column_container>.vc_column-inner { padding: 0px !important }

/* 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; }
.lastmbnone :last-child { margin-bottom: 0px; }