@charset "utf-8";

#mobile-menu{display: none;}
.mobile-logo{display: none;}
@media (max-width:1399px) {
    .home-banner .bg-img{left: 0;}
    .subscribe-form{width: 50%;}
}
@media (min-width:1200px) and (max-width:1399px) {
    .service-tab .tabbing-div, .tab-details .text-part{padding-left: 80px; padding-right: 50px;}
    .service-tab .tab li *{padding: 13px 25px;}
    footer .footer-menu .navi{margin: 0 20px;}
    footer .footer-logo a{width: 230px;}
    .subscribe-form{max-width: 50%;}
    #testi-slider .slick-prev{left: calc((100% - 1100px)/2);}
    #testi-slider .slick-next{right: calc((100% - 1100px)/2);}
    .color-shape:before{border-width: 400px 100px 250px 0;}
}

/*------- Tablet iPad Landscape --------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {
    .container, .container-fluid{padding: 0 50px;}
    footer .footer-menu{flex-wrap: wrap;justify-content: flex-end;}
    .banner .left-part{padding-left: 0;}
    .service-tab .tabbing-div, .tab-details .text-part{padding-right: 50px; padding-left: 50px;}
    .service-tab .tab li *{padding: 13px 15px;}
    #testi-slider .slick-prev{left: calc((100% - 950px)/2);}
    #testi-slider .slick-next{right:calc((100% - 950px)/2);}
    footer .footer-menu .navi{margin: 0 10px;}
    footer .footer-logo a{width: 200px;}
    header .brand{width: 200px;}
    nav.navigation ul li + li{margin-left: 30px;}
    #featured-slider .slick-prev{left: -35px;}
    #featured-slider .slick-next{right: -35px;}
    .promise-block #promise-bg-slider .item, #promise-slider .item{height: 570px;}
    .color-shape:before{border-width: 370px 100px 200px 0;}
    #promise-slider .left-part{padding:0 110px 0 80px;}
    #promise-slider .slick-dots{left: 3%;}
}

/*------- Tablet iPad Portrait ---------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
    .h1, h1{font-size: 30px;}
    .h2, h2{font-size: 30px;}

    .container, .container-fluid{padding: 0 50px;}
    header .brand{width: 180px;margin-top: -40px;}
    nav.navigation{margin-top: 20px;width: 100%;}
    nav.navigation ul{/*text-align: center;*/}
    nav.navigation ul li + li{margin-left: 20px;}
    .banner .left-part{padding-left: 0;}
    .start-account{max-width: 380px;padding: 30px 20px;}
    .home-banner .bg-img{background-position: center !important;}
    .start-account hr{margin: 20px auto;}
    .start-account p{margin: 0 auto 20px auto;}
    .service-tab .tabbing-div{width: 100%;padding: 0 50px; position: static;margin-bottom: 20px;}
    .service-tab .tab-details .text-part{padding: 0 20px 0 50px;}
    .testimonials-sec #testi-slider{max-width: 680px;margin-bottom: 10px; margin-top: 50px;width: 90%;}
    #testi-slider .slick-prev{left: -30px;}
    #testi-slider .slick-next{right: -30px;}
    .testimonials-sec{padding: 80px 0;}
    footer .footer-menu{flex-wrap: wrap;justify-content: flex-end;width: 100%;}
    footer .footer-menu .navi{margin-left: 10px; margin-right: 10px; width: calc(25% - 20px);}
    footer .top-footer{padding: 30px 0;}
    .banner .right-part{width: 38%;}
    .banner .download-sheet h2{font-size: 22px;}
    .featured-product-sec{padding: 80px 0;}
    #featured-slider{margin-bottom: 0; max-width: 90%; margin: 0 auto;}
    #featured-slider .item{margin: 0 0px;}
    #featured-slider .item .products-desc{height: 300px;}
    #featured-slider .products-desc .up-btn{font-size: 13px;}
    #featured-slider .slick-prev{left: -40px;}
    #featured-slider .slick-next{right: -40px;}
    main .sucess-block{padding: 80px 0 50px 0;}
    .heading-block{margin-bottom: 0;}
    #promise-slider .item{flex-wrap: wrap;}
    #promise-slider .left-part{width: 100%;}
    #promise-slider .right-part{width: 100%;}
    #promise-slider .right-part,#promise-slider .left-part{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    #promise-slider .right-part .details{margin-left: 0;}
    #promise-slider .left-part{padding:  0 30px;}
    .contact-sec{padding: 80px 0;}
    .main-area .sucess-block{padding: 80px 0;}
    .subscribe-form{width: 55%;}
    .subscribe-sec{padding: 80px 0;}
    footer .footer-logo a{width: 200px;}
    footer .top-footer .container{flex-wrap: wrap;}
    footer .footer-logo{margin-bottom: 20px;}
    /*nav.navigation ul li{font-size: 11px;}
    nav.navigation ul li + li{margin-left: 10px;}
    header .brand{width: 150px; margin-top: 0;}
    nav.navigation{width: auto;}
    nav.navigation ul ul li{font-size: 11px;}
    nav.navigation ul ul{width: 190px;}*/
}

/*------- Devices ----------------------------------------------*/
@media (max-width:767px) {
    .h1, h1{font-size: 28px;}
    .h2, h2{font-size: 22px;}
    .h3, h3{font-size: 20px;}
    p{font-size: 14px;}
    .head-title{margin-bottom: 20px;}
    .container, .container-fluid{padding-left: 20px; padding-right: 20px;}
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    input[type="number"],
    textarea{height: 40px; font-size: 14px;}

    /* mobile menu */
    #mobile-menu, .menu-trigger{display: block;}
    .menu-trigger{display: block;width: 40px;height: 40px;position: relative;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 999999;right: 0; top: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .menu-trigger.open{/*right: -20px;*/background:#cc982e}
    .menu-trigger span, .menu-trigger span:after, .menu-trigger span:before{background: #cc982e;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .menu-trigger span:after, .menu-trigger span:before{content: '';position: absolute;left: 0;width: 100%;}
    .menu-trigger span{position: absolute;display: block;width: 20px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
    .second-header .menu-trigger span,.second-header .menu-trigger span:after,.second-header .menu-trigger span:before{background: #fff;}
    .menu-trigger span:before{top: -6px;}
    .menu-trigger span:after{bottom: -6px;}
    .menu-trigger.open span{background-color: rgba(0,0,0,.0)}
    .menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #fff;}
    .menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: #fff;}
    #mobile-menu .navbar{background:rgba(255, 255, 255, 1);position: fixed; top: 0; left: -100%; width: calc(100% - 50px); height: 100%;box-sizing: border-box;z-index: 99;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-right: 40px; padding: 20px 0; /*padding-top: 60px;*/ z-index: 9999;}
    #mobile-menu .navbar.open{left: 0;}
    #mobile-menu .navbar ul{margin: 0;width: 100%;}
    #mobile-menu  ul ul{display: none;background:rgb(31, 40, 52);}
    #mobile-menu  ul ul ul{background:rgb(71, 71, 68)}
    #mobile-menu  ul ul ul ul{background:rgb(60, 60, 56)}
    #mobile-menu  li{border-bottom:1px solid rgba(204, 152, 46, 0.2); list-style: none; position: relative; display: block; margin: 0;padding: 0;}
    #mobile-menu  li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    #mobile-menu  em{display: block; position: absolute; top: 0; right: 5px; width: 35px; height: 35px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu  em:before, #mobile-menu  em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: calc(50% - 8px);width: 16px;height: 2px;background: #cc982e;}
    #mobile-menu  em:after{transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu  em.toggled:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);}
    #mobile-menu  em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
    #mobile-menu  em.level-two:after{display: none;}
    #mobile-menu  em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
    #mobile-menu  li a{color: #cc982e;padding: 9px 0px 9px 15px;display: block;margin-right: 40px;text-transform: uppercase;line-height: 1.3;font-size: 14px;font-weight: 700;letter-spacing: 0.09em;}
    #mobile-menu li li a{font-size: 12px;}
    #mobile-menu  li li{border-color: rgb(72, 72, 69)}
    #mobile-menu  li li a{text-transform: none;padding-left: 20px;}
    #mobile-menu  li li li a{padding-left: 25px;margin-right: 0;}
    #mobile-menu  li li li li a{padding-left: 30px;margin-right: 0;}
    #mobile-menu  li a.active{color:#ECE4D8;}
    .scroll-hidden{overflow: hidden;height: 100%;}

    #mobile-menu{position: absolute;padding-top: 0;width: 100%;height: 100%;pointer-events: none; overflow: hidden;z-index: 99999;}
    #mobile-menu .navbar{position: relative;pointer-events: auto;display: flex; flex-wrap: wrap;align-items: flex-start;align-content: flex-start;}
    #mobile-menu .top-bar-menu{display: flex; align-items: center; justify-content: space-between; width: 100%;}
    #mobile-menu .top-bar-menu .logo{width: 100%; padding:  0 10px; display: flex;}
    #mobile-menu .top-bar-menu .logo{width: 140px;}
    #mobile-menu .top-bar-menu .logo a{display: block;}

    #mobile-menu .top-bar-menu .close-menu span, #mobile-menu .top-bar-menu .close-menu span:after, #mobile-menu .top-bar-menu .close-menu span:before {background: #cc982e;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu .top-bar-menu .close-menu span:after, #mobile-menu .top-bar-menu span:before{content: '';position: absolute;left: 0;width: 100%;}
    #mobile-menu .top-bar-menu .close-menu span{position: absolute;display: block;width: 20px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
    #mobile-menu .top-bar-menu .close-menu span{background-color: rgba(0,0,0,.0);}
    #mobile-menu .top-bar-menu .close-menu span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #1f2834;}
    #mobile-menu .top-bar-menu .close-menu span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: #1f2834;}
    #mobile-menu .top-bar-menu .close-menu{width: 40px; height: 40px;position: relative;}

    header .brand{width: 170px;}
    .banner .left-part{width: 100%; padding: 0;}
    .banner .right-part{width: 100%;}
    .banner .banner-caption{flex-wrap: wrap; position: relative; top: auto; left: auto; -webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
    nav.navigation{display: none;}
    .banner{padding-top: 120px;overflow: hidden;padding-bottom: 30px;}
    .large-banner{height: auto;}
    .home-banner .bg-img{width: 100%; position: absolute;z-index: -1; background-position: top center !important; background-size: 600px auto !important;}
    .start-account{margin: 0 auto;}
    .banner .right-part{margin-top: 50px;}
    .start-account hr{margin: 20px auto;}
    .start-account p{margin: 0 auto 20px auto;}
    main .sucess-block{padding: 50px 0;}
    .cross-border{margin: 20px auto;}
    .sucess-block .container .sucess-story p{margin-bottom: 30px;}
    .service-tab .tabbing-div{width: 100%;padding: 0 20px; position: static;margin-bottom: 20px;}
    .service-tab .tab-details .text-part{padding: 0 20px; width: 100%;}
    .service-tab .tab-details .item{flex-wrap: wrap;}
    .service-tab .tab-details .item .tab-content{flex-wrap: wrap;}
    .service-tab .tab-details .img-part{width: 100%;}
    .testimonials-sec{padding: 50px 0;}
    .testimonials-sec #testi-slider{margin-top: 30px;margin-bottom: 0;}
    .star-rate{margin-bottom: 20px;}
    .testimonials-sec #testi-slider .item p{margin-bottom: 20px;}
    .testimonials-sec #testi-slider{width: 90%;}
    #testi-slider .slick-prev{left: -25px;}
    #testi-slider .slick-next{right: -25px;}
    .subscribe-form{background-color: rgba(255,255,255,0.8);padding: 20px; width: 100%;margin: 0 auto; display: block;}
    .subscribe-form input[type="text"],
    .subscribe-form input[type="password"],
    .subscribe-form input[type="email"],
    .subscribe-form input[type="tel"],
    .subscribe-form input[type="search"],
    .subscribe-form input[type="number"],
    .subscribe-form textarea{background-color: transparent;}
    .submit-btn{justify-content: center;}
    .subscribe-sec{padding: 50px 0;}
    footer .top-footer .container{flex-wrap: wrap; justify-content: center;}
    footer .footer-menu{flex-wrap: wrap;justify-content: center;}
    footer .footer-logo a{width: 180px;}
    footer .top-footer{padding: 30px 0;}
    footer .footer-menu{margin-top: 20px;}
    .service-tab .tab-details .item .tab-drawer-heading{font-size: 16px;font-family: 'Quattrocento Roman';letter-spacing: 0.16em;color: #cc982e;line-height: 1.5;padding: 10px 10px;flex: 1 0 auto;text-align: center;border-width: 1px 0 0px 0;border-style: solid;border-color: #bebebe;margin: 0 20px;text-align: left; position: relative;}
    .service-tab .tab-details .item:last-of-type .tab-drawer-heading{border-bottom: 1px solid #bebebe;}
    .service-tab .tab-details .item .tab-drawer-heading:after{content: "b"; font-family: "upstate-coin-site" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-top: 5px;font-size: 17px; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    .service-tab .tab-details .item .tab-drawer-heading{display: flex;justify-content: space-between;align-items: center;}
    .service-tab .tab-details .item .tab-content{padding: 15px 0;}
    .service-tab .tab-details .text-part p{margin-bottom: 20px;}
    .service-tab .tab-details .is-active .text-part,.service-tab .tab-details .is-active .img-part{animation: unset;}
    .service-tab .tab-details .item .tab-content{display: none; height: auto;}
    .service-tab .tabbing-div{display: none;}
    .service-tab .tab-details .text-part{padding: 0 30px;}

    header.main-header{padding: 15px 0;}
    #mobile-menu .platform-login-btn{position: relative; margin-left: 15px;}
    #mobile-menu .platform-login-btn:hover{text-decoration: none; }
    #mobile-menu .platform-login-btn[class*="ic"]{padding-right: 30px;}
    #mobile-menu .platform-login-btn:before{position: absolute; top: 50%; right:11px; font-size: 12px; -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%); /*margin-top: 2px;*/}
    #mobile-menu .call-us{display: flex;justify-content: flex-end; align-items: center; padding: 10px 20px; margin-bottom: 10px;border-top: 1px solid #1f2834; padding-bottom: 10px; margin-bottom: 10px;/*position: absolute; top: -50px;left: 0;*/width: inherit;background-color: #ffffff;z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; order: 1;margin-top: 10px;width: 100%;}
    #mobile-menu .call-us .textwidget{display: flex;justify-content: flex-end; align-items: center;}
    #mobile-menu .call-us p{font-size: 12px; color: #040707;font-weight: 500; letter-spacing: 0.1em;margin-bottom: 0;}
    #mobile-menu .call-us p a{color: inherit; font-weight: 900;font-size: 16px;margin-left: 15px;letter-spacing: 0.1em;}
    #mobile-menu .platform-login-btn{margin-left: 15px;}
    header.main-header .header-top{display: none;}
    #mobile-menu .navbar.open .call-us{opacity: 1; visibility: visible; /*top: 10px;transition-delay: 0.5s;*/}
    .scroll-down{display: none;}

    /* about-page */
    .small-banner{min-height: 450px;}
    .banner .banner-caption2{width: 80%; justify-content: center;}
    .about-block .caption{ width: 100%;display: flex;justify-content: center;}
    .tri-title{margin-top: 20px;}
    .why-trade-sec{padding: 50px 0;}
    .why-trade-sec .heading{margin-bottom: 50px;}
    .why-trade-sec .inner-sec .item{margin-bottom: 20px;}
    #featured-slider{width: 80%; margin: 0 auto;}
    #featured-slider .item .products-desc{width: 100%; margin: 0 auto; height: 50vw;}
    #featured-slider .item .products-desc + .products-desc{margin-top: 50px;}
    .featured-product-sec{padding: 50px 0;}
    .featured-product-sec .heading{margin-bottom: 50px;}
    #featured-slider .slick-prev{left: -50px;}
    #featured-slider .slick-next{right: -50px;}
    #featured-slider .item{margin: 0;}
    .our-product-sec .item{padding: 20px;}
    .quote blockquote{font-size: 20px;}
    #promise-slider .item{flex-wrap: wrap;}
    #promise-slider .left-part{width: 100%;}
    #promise-slider .right-part{width: 100%;}
    #promise-slider .right-part,#promise-slider .left-part{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    #promise-slider .right-part .details{margin-left: 0;}
    #promise-slider .slick-dots{left: 50%;top: auto; bottom: 20px; flex-direction: row; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
    #promise-slider .left-part{padding:  30px;}
    #promise-slider .heading *:last-child{margin-bottom: 0;}
    .contact-form .wpcf7-form-control-wrap{width:calc(50% - 10px);}
    .contact-form .wpcf7-form-control-wrap.first-name{order: 1;}
    .contact-form .wpcf7-form-control-wrap.company-name{order: 2;}
    .contact-form .wpcf7-form-control-wrap.your-email{order: 3;}
    .contact-form .wpcf7-form-control-wrap.phone{order: 4;}
    .contact-form .wpcf7-form-control-wrap.subject{order: 5; width: 100%;}
    .contact-form .wpcf7-form-control-wrap.message{order: 6;}
    .contact-form .wpcf7-form-control-wrap{margin-bottom: 25px;}
    .contact-sec{padding: 50px 0;}
    .contact-form textarea{height: 220px;}
    .contact-form .wpcf7-form-control-wrap input, .contact-form .wpcf7-form-control-wrap textarea{margin-bottom: 0;}
    span.wpcf7-not-valid-tip{font-size: 13px;}
    .overlay.open {opacity: 1;z-index: 99999;visibility: visible;}
    .subscribe-form{max-width: none;}
    .subscribe-sec .container{padding: 0;}
}

/*------- Small Devices ----------------------------------------*/
@media (max-width:480px) {
    .h1, h1{font-size: 20px;}
    .h2, h2{font-size: 18px;}
    .h3, h3{font-size: 16px;}
    .orange-btn{font-size: 11px;}
    .home-banner .bg-img{background-size: contain !important;}
    .start-account{padding: 20px 10px;}
    main .sucess-block{padding: 30px 0;}
    .testimonials-sec{padding: 30px 0;}
    .subscribe-sec{padding: 30px 0; background-size: auto 280px !important;}
    .subscribe-form .submit-btn{flex-wrap: wrap; flex-direction: column;}
    .submit-btn .divider{margin: 10px auto;}
    footer .footer-menu .navi{width: 200px;}
    .service-tab{padding: 20px 0;}
    header .brand{width: 140px;}
    #mobile-menu .call-us p{font-size: 10px;margin-bottom: 2px;}
    #mobile-menu .call-us p a{font-size: 12px;/*margin-left: 0; display: block;*/}
    #mobile-menu .call-us{padding-left: 15px; padding-right: 15px; justify-content: space-between;}
    #mobile-menu .platform-login-btn{white-space: nowrap;font-size: 10px;margin-left: 10px;}
    .about-block .caption .tri-title h2{font-size: 20px;}
    .tri-title{height: 56px;}
    .tri-title:before{border-width: 28px 15px 28px 0;}
    .tri-title:after{border-width: 28px 0 28px 15px;}
    .two-column{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 0px;-moz-column-gap: 0px;column-gap: 0px;}
    .why-trade-sec{padding: 30px 0;}
    .why-trade-sec .inner-sec .item{width: 100%;}
    .why-trade-sec .heading{margin-bottom: 30px;}
    .small-banner{min-height: 400px}
    .banner .banner-caption2{margin-top: 50px;}
    .featured-product-sec{padding: 30px 0;}
    .featured-product-sec .heading{margin-bottom: 30px;}
    #featured-slider .slick-arrow{width: 20px; height: 30px;}
    #featured-slider{width: 95%;}
    #featured-slider .slick-prev{left: -25px;}
    #featured-slider .slick-next{right: -25px;}
    #featured-slider .item .products-desc{height: 70vw;}
    #featured-slider .products-desc .up-btn{font-size: 10px; padding: 10px 15px; padding-right: 30px;}
    #featured-slider .products-desc .up-btn:before{right: 10px;}
    #mobile-menu{padding-top: 0;}
    .heading-block{margin-bottom: 0;}
    .our-product-sec .item{width: 100%;padding: 0;}
    .our-product-sec .product-list figure{margin-bottom: 20px;}
    .quote blockquote{font-size: 16px;padding: 10px;}
    .quote-sec .container{min-height: 300px;}
    .author-name{font-size: 15px;}
    .about-desc{padding: 30px 0;}
    #promise-slider .slick-dots li{margin: 2px;}
    #mobile-menu .call-us p a{display: block; margin:5px 0 0 0;}
    #mobile-menu .call-us .textwidget{width: 100%; justify-content: space-between;}
    .contact-form .wpcf7-form-control-wrap{width: 100%;}
    .contact-form .submit-btn{justify-content: center;}

}

/*--------------------------------------------------------------*/