@media only screen and (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1375px !important; }
}
@media only screen and (min-width: 1200px) {
    .industries .col-xl-2 {width: 20%;}
}
@media only screen and (min-width: 992px) {
    header .main-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu { transform: scaleY(0); transform-origin: top; opacity: 0; transition: 0.4s; margin-top: 1px; display: block;}
    header .main-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu{transform: scaleY(1); opacity: 1;}
    header .main-header .navbar .navbar-nav .nav-item.dropdown:hover .nav-link span::after{transform: rotate(0deg);width: 100%;}
}
@media screen and (max-width:1399px) {
    h5 { font-size: 16px; }
    .services-solution { padding: 60px 0; }
    h2 { font-size: 35px; }
    .services-solution .services-content { padding: 18px 0; font-size: 17px; }
    .footer-contact-details { padding: 60px 0; }
    .footer-contact-details .footer-content h2 { line-height: 36px; font-size: 30px; }
    .footer-contact-details .footer-content p { font-size: 17px; white-space: inherit; }
    .footer-bottom .footer-social-media li { padding: 25px 0; }
    .footer-bottom .footer-social-media li a { font-size: 17px; line-height: 29px; }
    .footer-bottom .footer-social-media li a img { margin-right: 13px; max-width: 35px; padding: 2px; }
    .footer-bottom .footer-social-media li:nth-child(3) a img { width: inherit; height: inherit; }
    .footer-bottom .footer-menu li { padding: 0 17px; transition: 0.4s; }
    .contact-form .details, .contact-form .contact-form-box { padding: 0px 20px; } 
    .about_img::after {left: 20px;}
}
@media screen and (max-width:1199px) {
    header .main-header .navbar .navbar-nav .nav-item .nav-link { padding: 23px 10px; }
    header .main-header .logo { max-width: 260px; }
    h1 { font-size: 40px; line-height: 47px; }
    .services-solution .services-content { padding: 15px 0; font-size: 14px; line-height: normal; }
    .banner .carousel-item img { max-width: 1024px; }
    .product_page ul li a{font-size: 16px;}
    .about_content {padding: 0 15px; }
    .industries { padding: 30px 0 10px 0; }
    .services-solution{ padding: 30px 0 40px 0; }
    .services-solution h2 {margin-bottom: 20px; }
    .subpage.services_page{padding: 20px 0 !important; }
    .about_page {padding: 70px 0;}
    header .header-contact-list li a {padding: 10px 20px;}
    header .main-header .navbar .navbar-nav .nav-item .nav-link span { right: -7px;}
    .about_img::after{transform: rotate(37deg) translateX(20px); left: 0;}
}
@media screen and (max-width:991px) {
    header.show .close-side-bar{display: block !important;}
    .close-side-bar{display: block;}
    .top-header .header-contact-list{display: none;}
    .top-header .text-end {text-align: -webkit-right !important;}
    header .main-header .navbar { padding: 0 !important; }
    header .main-header .navbar .navbar-nav .nav-item { padding: 0px 30px; }
    header .main-header .navbar .navbar-nav .nav-item .nav-link { padding: 10px 10px; width: 100%; margin: 0; line-height: 27px; font-weight: 500; display: block; border-bottom: 1px solid rgb(147 147 147 / 42%); color: #444; }
    header .main-header .navbar .navbar-nav .nav-item .nav-link::before{display: none;}
    header .main-header .navbar .navbar-nav .nav-item .nav-link:hover,
    header .main-header .navbar .navbar-nav .nav-item .nav-link.active { color: var(--theme-color-blue); }
    header .main-header .navbar .navbar-nav .nav-item:last-child .nav-link { border: none; }
    header .main-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu a.dropdown-item { padding: 10px 12px 10px 15px;  font-size: 14px; }
    header .main-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu{ margin-top: -1px; }
    header .main-header .navbar .navbar-nav .nav-item .nav-link span,
    header .main-header .navbar .navbar-nav .nav-item .nav-link span::after{  background-color: var(--theme-color-blue); }
    header .main-header .navbar .navbar-nav .nav-item .nav-link span{ right: 10px; }
    header .main-header .navbar .navbar-nav .nav-item.dropdown .nav-link.show span::after{ transform: rotate(0deg);  width: 100%;  }
    header .header-contact-list li a{padding: 8px 10px;}
    header .main-header .header-contact-list li {margin: 0;}
    header .main-header .header-contact-list li a { padding: 10px 14px 10px 14px; margin: 9px 0; color: #fff; background-color: transparent; font-size: 17px;}
    header .header-contact-list li a img {margin-right: 8px;}
    header .main-header .header-contact-list{display: flex; margin:0 0 0 auto;}
    header .top-header .navbar-toggler,
    header .top-header .row{padding: 0 !important;}
    .main-header { position: relative; }
    .main-header .navbar-collapse { overflow: auto; position: fixed; top: 0; padding-top: 70px; right: -100%; z-index: 1; width: 100%; max-width: 320px; height: 100vh; background: var(--white); transition: right 0.5s; box-shadow: 0 0 3px #c7c7c7; }
    header.show .main-header .navbar-collapse { right: 0; }
    .main-header .navbar-collapse button { position: absolute; right: 30px; top: 20px; padding: 0; }
    header.show .main-header .navbar-collapse .navbar-nav { width: 100%; }
    body.active { overflow: hidden; }
    .vbp-header-menu-button__svg {width: 35px;height: 35px;padding: 6px;background: #0077b5;    border-radius: 5px;  }
    .vbp-header-menu-button__svg line {stroke:var(--white); stroke-width: 2px; }
    .banner .carousel-control-next, .banner .carousel-control-prev { top: auto; bottom: 20px;  left: 20px;  background: rgb(0 119 181 / 16%);  width: 35px; height: 34px;  padding: 6px; transition: all 0.4s;}
    .banner .carousel-control-next:hover, 
    .banner .carousel-control-prev:hover{background: rgb(0 119 181 / 60%);}
    .banner button.carousel-control-next {left: 65px !important;}
    .banner .carousel-caption { max-width: 620px; }
    .banner .carousel-item img { max-width: 900px; }
    h1 { font-size: 30px; line-height: 1.3;}
    p{font-size: 17px;  line-height: 1.3;}
    .industries h2 { margin-bottom: 36px; }
    .footer-contact-details { padding: 30px 0; }
    .footer-contact-details .form-main { margin-top: 40px; display: inline-block; }
    .footer-contact-details .footer-content h2 { white-space: normal; }
    .btn-main { font-size: 15px; padding-block: 14px; }
    .contact-form { padding: 40px 0; }
    .contact-form .details, .contact-form .contact-form-box { padding: 20px 0; }
    .services_scssn .accordion-item .accordion-button {font-size: 17px; padding: 20px 40px 20px 20px; }
    .services_scssn .accordion-item .accordion-button img {width: 60px; height: 45px; }
    .services_scssn .accordion-item .accordion-body {padding: 10px 15px 30px 30px; }
    .product_page .product_page-content {margin-bottom: 10px;}
    .product_page .side-bar h4 button{padding: 0; }
    .product_page .side-bar h4 button span {display: block;}
    .product_page .side-bar .accordion-collapse.collapse:not(.show){display: none; }
    .product_page .tab-content { margin-top: 30px;}
    .services_scssn .accordion-item {margin-bottom: 20px;}
    .footer-contact-details .footer-content, .footer-contact-details .form-main{padding: 0; }
    .contact-form .contact-form-box .btn-main {margin-top: 0;}
    .about_page { padding: 70px 0 }
    .about_page .container{ max-width: 100%; padding: 0 15px;}
    .about_page .about_content{ max-width: 720px;   margin: 0 auto 30px auto; padding: 0 0 20px 0; }
    .about_img {margin: 70px auto 0;}
    .inner-banner .inner-banner-content{padding: 0;margin-left: -12px;}
    .product_page .product_page-content h2 { margin-bottom: 22px;  font-size: 27px;}
    .services_page .container{ padding: 0; }
    .product_page .container {padding: 0px 5px 0 0px;}
    .contact-form .container {padding: 0;}
    .services-solution .container ,
    .footer-contact-details .container,
    .footer-bottom .container { padding: 0; }
    header .main-header .header-contact-list li:last-child a {border: 0; padding-right: 0; }
    header .social-media-list {margin-right: -8px; }
    #exporters, #out-sourcing, #oem-supply-partnership, #global-sales-marketing-and-channel-setup, #manufacturers-representations, #international-business-consulting{
        margin-top: -140px;
        padding-top: 140px;
    }
    header .main-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu { margin-top: -1px; display: block; height: 0; transform: scaleY(0); padding: 0; transition:all 0.4s;  transform-origin: top; overflow: auto; }
    header .main-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show{height: 355px; transform: scaleY(1); padding: 8px 0;}
    .about_img::after {width: 134.4%;height: 170%;}
    .about_img::before {left: 50%;}
}
@media screen and (max-width:767px) {
    header .logo {max-width: 270px;}
    .banner .carousel-item img { max-width: 650px; }
    .industries h2 { margin-bottom: 30px; }
    .footer-bottom .footer-social-media li { padding: 15px 0; }
    .footer-bottom .footer-social-media li a { display: flex; flex-direction: column; align-items: center; font-size: 15px; }
    .footer-bottom .footer-social-media li a img { margin-right: 0; padding: 0px; margin-bottom: 4px; }
    .footer-bottom .footer-menu li { padding: 0 9px; }
    .btn-main { font-size: 14px; padding-block: 12px; }
    .inner-banner { padding: 60px 0; }
    .inner-banner .inner-banner-content h2 { font-size: 36px; }
    .contact-form { padding: 20px 0; }
    .contact-form h2 { margin-bottom: 32px; }
    .iframe-map-section { height: 300px; }
    .contact-form .card .card-icon {width: 45px; height: 45px;}
    .contact-form .card .card-icon img {max-width: 50%; padding: 0;}
    .product_page .product_page-content h2 {margin-bottom: 15px;font-size: 26px;text-align: left;padding-bottom: 15px;}
    .banner .carousel-caption {max-width: 420px; }
    h1 { font-size: 25px; }
    .banner .carousel-item h1{margin-bottom: 10px; }
    h2 {font-size: 30px; }
    .contact-form h2{font-size: 26px; }
    .services_scssn .accordion-item {margin-bottom: 15px;}
    .about_page .about_content{ max-width: 540px; }
    .get-quote-modal .modal-dialog .modal-content {padding: 30px 15px; }
    .about_page::after{height: 57%;}
    .list-area.w50 li{width: 100%;}
}
@media screen and (max-width:575px) {
    .about_img {max-width: 370px;margin: 0 auto;padding: 50px 0; }
    .banner .carousel-item h1 { margin-bottom: 8px;font-size: 24px; }
    h2 { font-size: 27px; }
    p { font-size: 16px; }
    header .main-header .navbar { padding: 23px 0; }
    header .main-header .logo { max-width: 230px; margin: 0; padding-left: 15px; }
    header .main-header .navbar .navbar-nav .nav-item { padding: 0px 13px; }
    header .header-contact-list { align-items: center; }
    header .main-header .header-contact-list li a {font-size: 0; border-right: 1px solid rgb(217 217 217 / 26%); }
    header .main-header .header-contact-list li a img{margin: 0; opacity: 0.8; }
    header .main-header nav.navbar,
    header .container{padding: 0 15px;}
    header .main-header .social-media-list li:last-child a{padding-right: 1px;}
    .footer-contact-details { padding: 30px 0; }
    .footer-contact-details .form-main { margin-top: 30px; padding: 0; }
    .footer-contact-details .form-group input, .footer-contact-details .form-group textarea { padding: 15px 15px; font-size: 15px; font-weight: 400; }
    .footer-contact-details .form-group input::placeholder, .footer-contact-details .form-group textarea::placeholder {font-size: 15px; font-weight: 400; }
    .footer-contact-details .form-group label { left: 8px; }
    .footer-contact-details .footer-content { padding-left: 0px; margin-top: 0px; }
    .services-solution .container ,
    .footer-contact-details .container,
    .footer-bottom .container {padding: 0 15px;    }
    .footer-contact-details .footer-content h2 { line-height: 31px; font-size: 24px; }
    .footer-contact-details .footer-content p { font-size: 16px; }
    .footer-bottom .footer-social-media { margin-bottom: 30px; }
    .footer-bottom .footer-social-media li { padding: 15px 0; width: 33.33% !important; align-self: stretch; }
    .footer-bottom .footer-social-media li a img { margin: 0; vertical-align: bottom; }
    .footer-bottom .footer-social-media li a { font-size: 0; display: inherit; }
    .footer-bottom .footer-menu { margin-bottom: 15px; flex-wrap: wrap; }
    .footer-bottom .footer-menu li { padding: 0px 10px; margin-bottom: 10px; font-size: 15px; }
    .footer-bottom .copyright { margin-bottom: 14px; font-size: 14px; }
    .inner-banner { padding: 45px 3px; }
    .inner-banner .inner-banner-content h2 { font-size: 28px; }
    .inner-banner .inner-banner-content img { width: 100%; height: 100%; object-fit: cover; }
    .contact-form { padding: 0; }
    .contact-form .details, .contact-form .contact-form-box { padding: 0 0 30px 0; }
    .contact-form .contact-form-box input, .contact-form .contact-form-box textarea { padding: 12px; }
    .contact-form h2 { margin-bottom: 20px; font-size: 22px; }
    .contact-form .details .card { padding: 20px 0; }
    .contact-form .contact-form-box .btn-main { margin-top: 0; padding: 10px 20px;}
    .product_page ul.product_page-list li a{padding: 16px;}
    .product_page .product_page-content h2 {line-height: normal;font-size:21px;}
    .industries-img{max-width: 121px !important; height: 121px !important;}
    .industries-img img{max-width: 50px;}
    .product_page ul.side-menu { width: 100%; display: block; padding: 10px 17px; }
    .product_page .product_page-content ul.product_page-list li a { padding: 15px; font-size: 16px; }
    .product_page .side-bar h4 {padding: 10px 15px; font-size: 20px; }
    .product_page {padding: 30px 0 10px !important; }
    .subpage {padding: 30px 0 !important; }
    .subpage.industries_page,
    .subpage.about_page,
    .subpage.contact_page,
    .subpage.services_page{padding-bottom: 0 !important;}
    .services_scssn,
    .industries_scssn { padding: 10px 0 !important; }
    .product_page .product_page-content ul.product_page-list li {margin: 15px 0; }
    .product_page .tab-content {  margin-top: 20px;  }
    .inner-banner .inner-banner-content{margin: 0; }
    .services_page .container{padding: 15px; }
    .product_page .container {padding: 0 15px; }
    .contact-form .container {padding: 0 15px; }
    .get-quote-modal .modal-dialog .modal-content {padding: 30px 7px; }
    .get-quote-modal .modal-header h5 { font-size: 24px; margin-bottom: 6px; }
    .get-quote-modal .modal-header p { font-size: 15px; }
    .modal-dialog { max-width: 320px; }
    .get-quote-modal .modal-dialog .modal-content .modal-header {padding-left: 32px; }
    .get-quote-modal .modal-dialog .modal-content .form-group label { left: 8px; }
    .get-quote-modal .modal-dialog .modal-content .form-group input, 
    .get-quote-modal .modal-dialog .modal-content .form-group textarea {padding: 15px;font-size: 15px; }
    .get-quote-modal .modal-dialog .modal-content .form-group input::placeholder,
    .get-quote-modal .modal-dialog .modal-content .form-group textarea::placeholder{font-weight: 400; font-size: 15px; }
    .get-quote-modal .modal-dialog .modal-content .form-group textarea{  height: 120px; }
    .about_img::before { left: 46%; height: 100%; top: -5px;}
    .about_img::after { width: 64%; height: 111%; border-radius: 38px; left: 10px;}
}
@media screen and (max-width:479px) {
    header .social-media-list li a {padding: 0; width: 20px; }
    header .logo { max-width: 200px; }
    header .social-media-list { padding: 0px 0px 0px 8px;  margin-left: 15px;  }
    .services_scssn .accordion-item .accordion-button {padding: 12px 30px 12px 12px; font-size: 15px; letter-spacing: 0.5px; }
    .services_scssn .accordion-item .accordion-button img {padding-right: 5px; width: 50px; height: 40px; }
    .services_scssn .accordion-item .accordion-button:before, .services_scssn .accordion-item .accordion-button:after {right: 15px; }
    .services_scssn .accordion-item .accordion-button:after {right: 11px; }
    .services_scssn .accordion-item .accordion-button[aria-expanded="true"]:after {right: 9px; }
    .services_scssn .accordion-item .accordion-body {padding: 10px 12px 20px 16px; }
    .about_img{ max-width: 230px; }
    .about_img::before { left: 46%; height: 100%; top: 0;}
    .about_img::after { width: 82%;height: 111%; border-radius: 38px; left: -9px; }
}