/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1800px) {
    .container {max-width: 1750px;}


    /* ---- footer ---- */
    .footer-center {padding: 0 20px;}
    /* ---- footer ---- */
}

@media (min-width: 1700px) and (max-width: 1799px) {
    .container {max-width: 1620px;}



    /* ---- acc ---- */
    .acc-right {max-width: 800px; }
    /* ---- acc ---- */
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .container {max-width: 1520px;}

    /* ---- factory ---- */
    .title-block { max-width: 690px;}
    .powered-main { padding: 70px 90px 90px}
    .center-logo { max-width: 310px; margin: -120px auto 90px auto;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-right {max-width: 750px; }
    .acc-left {max-width: 610px; }
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 1220px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-main-slider {max-width: 1340px;}
    .use-item .use-bg { width: 170px; }
    /* ---- use ---- */

    /* ---- footer ---- */
    .footer-main { padding: 50px 140px 0;}
    .sideimg-left { width: 38%; }
    .sideimg-right { width: 38%; }
    /* ---- footer ---- */
}

@media (min-width: 1500px) and (max-width: 1599px) {
    .container {max-width: 1420px;}

    /* Banner Start */
    .banner-left { margin: 0 -40px 0 50px; }
    /* Banner End */

    /* ---- factory ---- */
    .title-block { max-width: 670px;}
    .powered-main { padding: 60px 80px 90px}
    .center-logo { max-width: 290px; margin: -110px auto 80px auto;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-right {max-width: 700px; }
    .acc-left {max-width: 560px; }
    .acc-left .section-title {padding-bottom: 44px;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 1180px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-main-slider {max-width: 1280px;}
    .use-item .use-bg { width: 150px; }
    .use-item .use-icon {margin-bottom: 80px;}
    /* ---- use ---- */

    /* ---- footer ---- */
    .footer-main { padding: 40px 100px 0;}
    .sideimg-left { width: 36%; }
    .sideimg-right { width: 36%; }
    /* ---- footer ---- */
}

@media (min-width: 1400px) and (max-width: 1499px) {
    /* Banner Start */
    .banner-left { margin: 0 -40px 0 50px; }
    .banner-shape-left {width: 50%;}
    /* Banner End */

    /* Platform Start */
    .platform-right {margin: 0;}
    /* Platform Ebd */

    /* ---- factory ---- */
    .title-block { max-width: 740px;}
    .title-block .common-detail { max-width: 640px; }
    .factory-card { padding: 30px 24px 40px;}
    .center-logo {max-width: 270px; margin: -100px auto 70px auto;}
    .powered-main {padding: 50px 80px 70px;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-right {max-width: 650px; }
    .acc-left {max-width: 520px; padding: 0px 20px 20px;}
    .acc-left .section-title {padding-top: 30px;padding-bottom: 40px;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 1080px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-main-slider {max-width: 1180px;}
    .use-item .use-bg { width: 140px; }
    .use-item .use-icon {margin-bottom: 70px;}
    /* ---- use ---- */

    /* ---- footer ---- */
    .footer-main { padding: 50px 50px 0;}
     .sideimg-left { width: 35%; }
    .sideimg-right { width: 35%; }
    /* ---- footer ---- */
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Common Style Start */
    .main-title {font-size: 50px; line-height: 60px;}
    .section-title { font-size: 44px; line-height: 54px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 20px; }
    /* Header End */

    /* Banner Start */
    .banner-left { margin: 0 0 0 50px; }
    /* Banner End */

    /* About Start */
    .about-main {padding: 0 50px 0 0;}
    /* About End */

    /* Platform Start */
    .platform-right {margin: 0;}
    /* Platform Ebd */
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Common Style Start */
    .main-title {font-size: 50px; line-height: 60px;}
    .section-title { font-size: 44px; line-height: 54px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 20px; }
    /* Header End */

    /* Banner Start */
    .banner-left { margin: 0 0 0 50px; }
    /* Banner End */

    /* About Start */
    .about-main {padding: 0 50px 0 0;}
    /* About End */

    /* Platform Start */
    .platform-right {margin: 0;}
    /* Platform Ebd */
}

@media (min-width: 1200px) and (max-width: 1399px) {

    /* banner */
    .banner-shape-left {width: 50%;}
    /* banner */


    /* ---- factory / powered ---- */
    .powered-main { padding: 40px 60px 70px;}
    .center-logo {max-width: 235px;margin: -100px auto 60px auto;}
    .title-block { max-width: 650px;}
    .title-block .common-detail { max-width: 500px; }
    .factory-card {margin-right: 30px;padding: 24px 20px 36px;}
    .title-block strong {margin-bottom: 24px;}
    .title-block .section-title {margin-bottom: 24px;}
    .title-block .btn { margin: 24px auto 0;}
    /* ---- factory / powered ---- */

    /* ---- acc ---- */
    .acc-right {max-width: 550px; }
    .acc-left {max-width: 440px; padding: 0px 20px 20px;}
    .acc-left .section-title {padding-top: 30px;padding-bottom: 30px;}
    /* ---- acc ---- */
        
    /* ---- work ---- */
    .work-slider {max-width: 940px;}
    .work-item {padding: 48px 28px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-item {padding: 20px 30px 40px;}
    .use-main-slider {max-width: 1020px;}
    .use-item .use-bg { width: 110px; }
    .use-item .use-icon {margin-bottom: 70px;}
    /* ---- use ---- */

    /* ---- footer ---- */
    .footer-main { padding: 50px 50px 0;}
    .footer-center {padding: 0 60px;}
    .footer-left li span {font-size: 16px;}
    .footer-left li a {font-size: 18px;}
    .footer-center ul li a {font-size: 18px;}
    .footer-right li a {font-size: 18px;}
    .footer-left li {font-size: 18px;}
    .footer-left li {margin-bottom: 24px;}
    .footer-right li {margin-bottom: 24px;}
    .sideimg-left { width: 34%; }
    .sideimg-right { width: 34%; }
    /* ---- footer ---- */
}

@media (min-width: 992px) {
    .powered-bg-icon { transform: rotateZ(270deg); right: 0; bottom: 0; top: 0; width: unset;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .main-title {font-size: 46px; line-height: 56px;}
    .section-title { font-size: 40px; line-height: 50px; }
    /* .slick-slider li.slick-active button::before { transform: translate(-48%, -46%); -webkit-transform: translate(-48%, -46%); -moz-transform: translate(-48%, -46%); -ms-transform: translate(-48%, -46%); -o-transform: translate(-48%, -46%); } */
    /* Common Style End */

    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 15px; }
    .header .navbar-nav .nav-item .nav-link { font-size: 18px; }
    .header .navbar-brand {max-width: 170px;}
    .header.sticky_header .navbar-brand { max-width: 150px; }
    /* Header End */

    /* Banner Start */
    .banner-left { margin: 0 0 0 20px; }
    .banner-shape-left {max-width: 700px;}
    .banner-shape-left {width: 50%;}
    /* Banner End */

    /* About Start */
    .about-main {padding: 0 30px 0 0;}
    .about-block { padding: 20px; }
    .about-main::after {left: 90px;}
    .about-shape {left: 90px;}
    .about-left .row {margin: 0 -8px;}
    .about-left .row>* {padding: 0 8px;}
    .about-wrp { padding: 20px 0 50px; }
    /* About End */

    /* Platform Start */
    .platform-wrp { padding: 50px 0; }
    .platform-left .section-title { margin: 0 0 10px; }
    .platform-right {margin: 0;}
    .platform-shape {max-width: 500px;}
    /* Platform Ebd */


    /* ---- factory ---- */
    .factory-card {margin-right: unset;}
    .factory-card:first-child, .factory-card:last-child  { transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ; }
    .powered-detail .powered-right {padding-left: 50px;}
    .powered-detail .powered-left {padding-right: 50px;}
    .powered-main { padding: 40px 50px 73px;}
    .center-logo { max-width: 220px; margin: -85px auto 50px auto;}
    .title-block .section-title {margin-bottom: 20px;}
    .title-block strong {margin-bottom: 20px;}
    .factory-hover-icon {width: 120px;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-main {padding: 20px;}
    .acc-right {max-width: 460px; }
    .acc-left {max-width: 400px; padding: 0px 20px 20px;}
    .acc-left .section-title {padding-top: 30px;padding-bottom: 30px;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 700px;}
    .work-item {padding: 48px 28px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-item {padding: 20px 20px 40px;}
    .use-main-slider {max-width: 800px;}
    .use-item .use-bg { width: 120px; }
    .use-item .use-icon {margin-bottom: 70px;}
    /* ---- use ---- */

    /* ---- footer ---- */
    .footer-main { padding: 30px 30px 0;}
    .footer-center {padding: 0 20px;}
    .footer-left li span {font-size: 16px;}
    .footer-left li a {font-size: 18px;}
    .footer-center ul li a {font-size: 18px;}
    .footer-right li a {font-size: 18px;}
    .footer-left li {font-size: 18px;}
    .footer-left li {margin-bottom: 24px;}
    .footer-right li {margin-bottom: 24px;}
    .email-id-br {display: none;}
    .sideimg-left { width: 32%; }
    .sideimg-right { width: 32%; }
    /* ---- footer ---- */
}

@media (max-width: 991px) {
    /* Header Start */
    .header .navbar-brand {max-width: 132px; position: relative; z-index: 9;}
    .header.sticky_header .navbar-brand { max-width: 120px; }
    .header .navbar-toggler { width: 40px; height: 40px; padding: 10px 8px; position: relative; z-index: 9; border: none; display: flex; box-shadow: none; align-items: flex-end; flex-direction: column; justify-content: center; background-color: var(--violet); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
    .header .navbar-toggler span { width: 20px; height: 3px; margin-bottom: 5px; background-color: var(--white); display: block; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
    .header .navbar-toggler span:nth-child(2) {width: 24px;}
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header .navbar-toggler:not(.collapsed) span { width: 25px; }
    .header .navbar-toggler:not(.collapsed) span:first-child { top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0;}
    .header .navbar-toggler:not(.collapsed) span:last-child { top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-collapse { position: fixed; max-width: 100%; width: 100%; top: 0; bottom: 0; right: -100%; height: 100%; background-color: var(--white); overflow: auto; padding: 155px 30px 100px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-collapse::after { content: ""; position: fixed; max-width: 100%; width: 100%; top: 0; right: -100%; height: 85px; background-color: var(--white); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show::after {right: 0; }
    .header .navbar-nav .nav-item {text-align: center; padding: 25px 0;}
    .header .navbar-nav .nav-item:first-child {padding-top: 0;}
    .header .navbar-nav .nav-item:last-child {padding-bottom: 0;}
    .header .navbar-nav .nav-item .nav-link {font-size: 30px; line-height: 40px; display: inline-block;}
    .header-btn { text-align: center; padding: 132px 0 0;}
    .header-btn .btn {margin: 0 auto;}
    .header-shape { position: fixed; left: 0; opacity: 0; right: 0; bottom: 0; z-index: -1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header-shape img {margin: 0 auto; display: block;}
    .header .navbar-collapse.show .header-shape{ opacity: 1;}
    /* Header End */

    /* ---- footer ---- */
    .sideimg-left { height: 45%; left: 50%; transform: translateX(-50%) rotateX(180deg); bottom: unset; -webkit-transform: translateX(-50%) rotateX(180deg); -moz-transform: translateX(-50%) rotateX(180deg); -ms-transform: translateX(-50%) rotateX(180deg); -o-transform: translateX(-50%) rotateX(180deg); opacity: 1; }
    .sideimg-right { height: 45%; left: 50%; transform: translateX(-50%) rotateY(180deg); top: unset; -webkit-transform: translateX(-50%) rotateY(180deg); -moz-transform: translateX(-50%) rotateY(180deg); -ms-transform: translateX(-50%) rotateY(180deg); -o-transform: translateX(-50%) rotateY(180deg); opacity: 1; }
    .footer-center {margin-bottom: 0;}
    /* ---- footer ---- */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title {font-size: 42px; line-height: 52px;}
    .section-title { font-size: 40px; line-height: 50px; }
    /* Common Style End */

    /* Banner Start */
    .banner-wrp {padding: 10px 0 30px;}
    .banner-left { margin: 0; }
    .banner-left .large-detail {margin: 0 0 25px;}
    .banner-shape-left {max-width: 500px;}
    .banner-shape-right {max-width: 350px;}
    /* Banner End */

    /* About Start */
    .about-main {padding: 30px 30px 0;}
    .about-block { padding: 20px; margin: 0 10px; }
    .about-main::after {left: 0; top: 0; bottom: 116px;}
    .about-shape {left: 0; }
    .about-right { text-align: center; margin: 0 0 40px; }
    .about-right .large-detail p { margin: 0 0 20px; }
    .about-wrp { padding: 20px 0 60px; }
    .about-slider {opacity: 0;}  
    .about-slider.slick-initialized {opacity: 1;}  
    .about-slider .slick-track {display: flex;}
    .about-slider .about-block {height: auto !important;} 
    /* About End */

    /* Platform Start */
    .platform-wrp { padding: 40px 0; }
    .platform-left .section-title { margin: 0 0 10px; text-align: center; }
    .platform-right {margin: 0;}
    .platform-left { max-width: 100%; width: auto; margin: 0 0 40px;}
    /* Platform End */



    /* ---- factory ---- */
    .factory-card {margin-right: unset;}
    .factory-card:first-child, .factory-card:last-child  { transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ; }
    .powered-detail .powered-right {padding-left: 40px;}
    .powered-detail .powered-left {padding-right: 40px;}
    .powered-main { padding: 20px 30px 73px;}
    .center-logo { max-width: 220px; margin: -85px auto 50px auto;}
    .title-block .section-title {margin-bottom: 20px;}
    .title-block strong {margin-bottom: 20px;}
    .factory-main .center-logo-back {max-width: 230px;}
    .powered-bg-icon {width: 220px;}
    .factory-hover-icon {width: 120px;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-main {padding: 20px;flex-direction: column;}
    .acc-right {max-width: 100%;}
    .acc-right img {min-height: 280px;}
    .acc-left {max-width: 100%; padding: 0px 15px 20px;margin-bottom: 30px;}
    .acc-left .section-title {text-align: center; padding-top: 20px;}
    .acc-left .title-bg-img {height: 200px;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 460px;}
    .work-item {padding: 48px 28px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-item {padding: 20px 20px 40px;}
    .use-main-slider {max-width: 640px;}
    .use-item .use-bg { width: 100px; }
    .use-item .use-icon {margin-bottom: 50px;}
    /* ---- use ---- */

    
    /* ---- footer ---- */
    .footer-main { padding: 30px 40px 0;}
    .footer-center { margin-bottom: 40px; } 
    /* ---- footer ---- */
}

@media (max-width: 767px) {
    /* Common Style Start */
    .container {padding: 0 20px;}
    .main-title {font-size: 40px; line-height: 50px;}
    .section-title { font-size: 40px; line-height: 50px; }
    .large-detail { font-size: 18px; line-height: 26px; }
    /* Common Style End */

    .content { padding: 85px 0 0; }

    /* Banner Start */
    .banner-wrp {padding: 15px 0 35px;}
    .banner-left { text-align: center; margin: 0; }
    .banner-shape-left { max-width: 388px; width: 100%; top: auto; left: 50%; bottom: 35px;  transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .banner-shape-left img {margin: 0 auto;}
    .banner-shape-right {max-width: 350px;}
    .banner-main .row {flex-direction: column-reverse;}
    .banner-img {margin: 0 auto 25px;}
    .banner-left .main-title span {padding: 0; max-width: 249px; display: block; margin: 0 auto;}
    .banner-left .btn {margin: 0 auto;} 
    .banner-left .large-detail {max-width: 349px; margin: 0 auto 40px;}
    /* Banner End */

    /* About Start */
    .about-main {padding: 30px 20px 0;}
    .about-block { margin: 0 19px; }
    .about-main::after {left: 0; top: 0; bottom: 116px;}
    .about-shape { left: 0; right: 0; top: auto; bottom: 42px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .about-shape img {margin: 0 auto;}
    .about-right { text-align: center; margin: 0 0 20px; }
    .about-right .large-detail p { margin: 0 0 15px; }
    .about-wrp { padding-top: 35px; }
    .about-slider {opacity: 0;}  
    .about-slider.slick-initialized {opacity: 1;}  
    .about-right .section-title { margin: 0 0 20px; }
    .about-block.slick-current {border-color: rgba(88, 78, 252, 1);}
    .about-block.slick-current .hover-icon {opacity: 0.1;}
    .about-slider .slick-track {display: flex;}
    .about-slider .about-block {height: auto !important;} 
    /* About End */

    /* Platform Start */
    .platform-left .section-title { margin: 0 0 10px; text-align: center; }
    .platform-right { margin: 0; -moz-box-shadow: 4.597px 4.597px 0px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 4.597px 4.597px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 4.597px 4.597px 0px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .platform-left { max-width: 100%; width: auto; margin: 0 0 40px;}
    .platform-shape { top: 35px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    /* Platform End */

    /* ---- factory ---- */
    .powered-detail {flex-direction: column; margin-top: 20px; margin-bottom: 15px;}
    .powered-detail .powered-left, .powered-detail .powered-right { width: 100%; }
    .factory-card {margin-right: unset;}
    .factory-card:first-child, .factory-card:last-child  { transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ; }
    .powered-detail .powered-right {padding-top: 15px; padding-left: 0px;text-align: center;}
    .powered-detail .powered-left {padding-right: 0px;border-right: 0;text-align: center;}
    .powered-main { padding: 50px 20px 186px;}
    .powered-main .section-title span {display: inline-block;}
    .center-logo { max-width: 280px; margin: -145px auto 70px auto;}
    .title-block .section-title {margin: 0 60px 20px;}
    .title-block strong {margin-bottom: 20px;}
    .title-block .btn { margin: 20px auto 0; } 
    .factory-card-box { margin-top: 30px;}
    .factory-main .center-logo-back {max-width: 380px;height: 79%;}
    .factory-main .center-logo-back img {height: 100%;width: 100%;}
    .factory-hover-icon {width: 120px;}
    .title-block .section-title span {display: block;}
    .factory-card-box .slick-slide { margin: 0 59px; }
    .factory-card-box .slick-slider .slick-dots {margin: 0;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-main {padding: 20px;flex-direction: column;}
    .acc-right {max-width: 100%;}
    .acc-right img {min-height: 280px;}
    .acc-left {max-width: 100%; padding: 0px 15px 6px; margin-bottom: 30px; overflow: hidden;}
    .acc-left .section-title {text-align: center; padding-top: 20px;}
    .acc-left .title-bg-img {max-width: 338px; width: 100%; right: -24px; opacity: 1;}
    .acc-left .title-bg-img img {width: 100%;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-main {padding-bottom: 80px;}
    .work-slider {max-width: 100%;}
    .work-item {padding: 31px 18px;}
    .work-main .slick-next, .work-main .slick-prev {top: calc(100% + 30px);}
    .work-main .slick-next { right: 35%; }
    .work-main .slick-prev { left: 35%; }
    .use-main-slider .slick-slide { margin: 0 20px; }
    .use-main-slider .slick-list { margin: 0 -15px; }
    .work-item.slick-current {-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);} 
    .work-main .slick-slide { margin: 15px 20px; }
    .work-item.slick-current img { opacity: 1; }
    .work-item.slick-current::after, .work-item.slick-current::before {display: block;} 
    /* ---- work ---- */

    /* ---- use ---- */
    .use-item {padding: 31px 50px 40px;}
    .use-box::after {height: 250px;}
    .use-main-slider .section-title { padding: 30px 0;}
    .use-main-slider {max-width: 800px;}
    .use-item .use-bg { width: 155px; }
    .use-item .use-icon {margin-bottom: 96px;}
    /* ---- use ---- */

    /* ---- footer ---- */
    .footer-main{ padding: 30px 20px 0;}
    .footer-center .common-detail {font-size: 16px;margin-bottom: 15px;}
    .footer-center ul li a {font-size: 18px; align-items: flex-start;}
    .footer-left li {font-size: 18px;}
    .footer-left {text-align: center;margin-bottom: 40px; margin-top: 40px;}
    .footer-right {text-align: center;}
    .footer-bottom {margin-top: 30px;}
    .sideimg-left  {height: 45%;width: 100%; top: 0;bottom: unset;}
    .sideimg-right {height: 45%;width: 100%;bottom: 0;top: unset;}
    .footer-logo {max-width: 157px; width: 100%; margin: 0 auto 30px;}
    /* ---- footer ---- */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    /* ---- use ---- */
    .use-main-slider { max-width: 440px; }
    /* ---- use ---- */
    .powered-bg-icon {width: 300px;}
}

@media (max-width: 575px) {
    /* ---- use ---- */
    .use-main-slider {max-width: 348px;}
    /* ---- use ---- */
}

@media (max-width: 427px) {

    .factory-main .center-logo-back {top: -200px;max-width: 388px;}
    .center-logo { max-width: 240px;}
    .common-faq .accordion-button::after {height: 40px;width: 40px;}
    .common-faq .accordion-button::before {right: 13px;}
    .common-faq .accordion-button span::before {right: 19px;}

    /* ---- use ---- */
    .use-main-slider {max-width: 260px;}
    .use-item { padding: 20px 20px 20px; }
    .use-item .use-icon { margin-bottom: 60px; } 
    .use-item .use-bg { width: 120px; }
    /* ---- use ---- */
    
    /* ---- footer ---- */
    .footer-center ul {flex-direction: column;}
    .footer-center ul li a {margin-right: 0;margin-bottom: 26px;}
    .footer-center ul li:last-child a {margin-bottom: 0px;}
    .footer-right li {margin-bottom: 26px;}
    .footer-left li {margin-bottom: 26px;}
    .footer-left {margin-bottom: 30px;}
    .footer-center {margin-bottom: 40px;}
    .work-main .slick-next { right: 28%; }
    .work-main .slick-prev { left: 28%; }
    /* ---- footer ---- */
}


@media (max-width: 359px) {
    /* Common Style Start */
    .main-title { font-size: 34px; line-height: 44px; }
    .section-title { font-size: 32px; line-height: 42px; }
    /* Common Style End */

    .about-block {padding: 30px 20px;}

        
    /* Header Start */
    .header .navbar-nav .nav-item .nav-link { font-size: 20px; line-height: 30px; }
    .header .navbar-nav .nav-item {padding: 15px 0;}
    .header .navbar-collapse {padding: 120px 30px 30px;}
    .header-btn {padding: 60px 0 0;}
    /* Header End */

    .work-main .slick-list {padding: 0px 20px !important;}
}