/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (max-width: 1899px) {

    /* partener css start  */
    .contact-main:after {width: 20%; background-size: 100%;}
    /* partener css end */
}

@media (min-width: 1800px) and (max-width: 1899px) {


    /* founder wapper start */
    .founder-wapper { margin: 240px 0; }
    .founder-wapper::before { height: 320px; }
    .founder-wapper::after { width: 400px; }
    /* founder wapper end */
   
    /* footer start */
    .footer-block { margin: 0 25px 0 0; }
    .footer-block:first-child { margin: 0 25px 0 0; }
    .footer-inner { max-width: 340px;  }
    /* footer end */


}

@media (min-width: 1700px) and (max-width: 1799px) {

    /* janvi */

    /* founder wapper start */
    .founder-wapper { margin: 240px 0; }
    .founder-wapper::before { width: 420px; height: 320px; }
    .founder-wapper::after { width: 360px; }
    /* founder wapper end */

    /* footer start */
    .footer-block { margin: 0 25px 0 0; }
    .footer-block:first-child { margin: 0 25px 0 0; }
    .footer-inner { max-width: 340px;  }
    /* footer end */

    /* janvi */

}

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

@media (min-width: 1600px) and (max-width: 1699px){ 
    /*trading service*/
    .trading-shape-img { margin: -32px 0 0 0; max-width: 300px; }
    /*trading service*/
        
    /* founder wapper start */
    .founder-wapper { margin: 180px 0; }
    .founder-wapper::before { width: 400px; height: 290px; }
    .founder-wapper::after { width: 320px; height: 600px; }
    /* founder wapper end */

    /* footer start */
    .footer-block { margin: 0 25px 0 0; }
    .footer-block:first-child { margin: 0 25px 0 0; }
    .footer-inner { max-width: 340px;  }
    /* footer end */

}

@media (min-width: 1500px) and (max-width: 1599px){
    /* banner */
    .banner-section .container-fluid{width: calc(635px + 50vw);}
    .banner-right-part{max-width: 500px; height: 700px;}
    .banner-left-part{padding: 90px 0 0;}
    .banner-section::after{height: 164px;}
    .banner-btn-block{margin: 30px 0 0;}
    .banner-monitor-img{bottom: 80px;}
    /* banner */

    /* about */
    .about-right-part{max-width: 720px;}
    .about-section::before{width: calc(100% - 74%);}
    /* about */

    /* service */
    .services-image{max-width: 610px; height: 495px;}
    /* service */

    /*trading service*/
    .trading-shape-img { margin: 0; max-width: 210px; }
    /*trading service*/

    /* repair cost start */
    .repair-cost::before { top: auto; bottom: 0; width: 355px; }
    .repair-cost-left .table tbody td  { font-size: 18px; line-height: 22px; }
    .repair-cost-left .table thead th { font-size: 22px; line-height: 32px; }
    .repair-cost-list { max-width: 630px; }
    .repair-cost-right { margin: 0 0 50px 20px; }
    .repair-cost-detail { max-width: 630px; }
    .repair-cost-list ul li { margin: 0 0 15px; }
    .repair-cost-detail ul li { margin: 0 0 15px; }
    /* repair cost end */   

    /* founder wapper start */
    .founder-wapper { margin: 160px 0; }
    .founder-wapper::before { width: 320px; height: 240px; }
    .founder-wapper::after { width: 320px; height: 600px; }
    .founder-block { max-width: 390px; margin: 0 40px 0 0; }
    /* founder wapper end */

    /* footer start */
    .footer-block { flex-direction: column; align-items: center; margin: 0 40px 0 0;  }
    .footer-inner { text-align: center; margin: 5px 0 0; }
    .footer-content { padding: 40px 20px 30px; }
    .footer-inner .footer-link a { font-size: 18px; line-height: 28px; }
    /* footer end */


}

@media (min-width: 1400px) and (max-width: 1499px){
    /* banner */
    .banner-section .container-fluid{width: calc(635px + 50vw);}
    .banner-right-part{max-width: 500px; height: 700px;}
    .banner-left-part{padding: 80px 0 0;}
    .banner-section::after{height: 164px;}
    .banner-btn-block{margin: 30px 0 0;}
    .banner-monitor-img{bottom: 80px;}
    /* banner */

    /* header */
    .header-main .navbar-expand-lg .navbar-nav .nav-link{font-size: 18px; line-height: 28px;}
    .header-main .navbar-expand-lg .navbar-nav .nav-item{margin: 0 15px;}
    /* header */

     /* about */
     .about-section{padding: 50px 0;}
     .about-right-part{max-width: 720px;}
     .about-section::before{width: calc(100% - 75%);}
     /* about */

     /* service */
    .services-image{max-width: 610px; height: 495px;}
    /* service */

    /*Your Trusted partner*/
    .trusted-partner-content { width: 100%; } 
    .trusted-partner-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trusted-partner-wrap { padding: 50px 0; }
    /*Your Trusted partner*/

    /*Trading services*/
    .trading-content { width: 100%; } 
    .trading-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trading-wrap { padding: 50px 0; } 
    .trading-shape-img { margin: 0; max-width: 240px; }
    /*Trading services*/

    /* partener css start  */
    .partener-main{padding: 0 0 100px;}
    .partener-wrp .section-title::after {width: 337px;}
    .partener-wrp .section-title::before {width: 199px;}
    /* partener css end */

    /* founder wapper start */
    .founder-wapper { margin: 140px 0; }
    .founder-wapper::before { width: 320px; height: 240px; }
    .founder-wapper::after { top: -50px; width: 280px; height: 550px; }
    .founder-block { max-width: 390px; margin: 0 40px 0 0; }
    /* founder wapper end */

    /* repair cost start */
    .repair-cost-main { margin: 0; }
    .repair-cost::before { top: auto; bottom: 0; width: 295px; height: 665px; }
    .repair-cost-left .section-title { font-size: 55px; line-height: 110%; }
    .repair-cost-left .table tbody td  { font-size: 18px; line-height: 22px; }
    .repair-cost-left .table thead th { font-size: 22px; line-height: 32px; }
    .repair-cost-left .sub-title { padding: 20px 0; }
    .repair-cost-list { max-width: 630px; }
    .repair-cost-right { margin: 0 0 50px 20px; }
    .repair-cost-detail { max-width: 630px; }
    .repair-cost-list ul li { margin: 0 0 15px; }
    .repair-cost-detail ul li { margin: 0 0 15px; }
    .repair-cost-img { max-width: 480px; height: 565px; }
    /* repair cost end */

    /* contact */
    .contact-main{padding: 80px 0;}
    /* contact */

    /* footer start */
    .footer-block { flex-direction: column; align-items: center; margin: 0 30px 0 0;  }
    .footer-block:first-child { margin: 0 30px 0 0; }
    .footer-inner { text-align: center; margin: 5px 0 0; }
    .footer-content { padding: 40px 20px 30px; }
    .footer-inner .footer-link a { font-size: 18px; line-height: 28px; }
    .footer-detail *{font-size: 18px;}
    /* footer end */
}

@media (min-width: 1300px) and (max-width: 1399px){
    /* common style */
    body{font-size: 18px;}
    .main-title{font-size: 50px;}
    .section-title{font-size: 50px;}
    .section-title::before{width: 268px;}
    .section-title::after{width: 327px;}
    /* common style */

    /* banner */
    .banner-section {padding: 0 0 50px;}
    .banner-section .container-fluid{width: calc(545px + 50vw);}
    .banner-right-part{max-width: 400px; height: 530px;}
    .banner-left-part{padding: 50px 0 0;}
    .banner-section::after{height: 140px; bottom: 100px;}
    .banner-btn-block{margin: 30px 0 0;}
    .banner-monitor-img{bottom: 60px;}
    .main-title::after{width: 328px;}
    .main-title::before{width: 268px;}
    .banner-left-part .common-detail *{font-size: 20px;}
    .banner-section::after{width: calc(100% - 330px);}
    .banner-monitor-img{width: 325px;}
    /* banner */

    /* about */
    .about-section{margin: 50px 0; padding: 50px 0;}
    .about-right-part{max-width: 620px;}
    .about-section::before{width: calc(100% - 75%);}
    .about-img{height: 350px;}
    /* about */

    /* services */
    .services-section{padding: 70px 0; margin: 0 0 50px;}
    .services-image{height: 445px; max-width: 520px;}
    .logo-block{padding: 15px; max-width: 290px;}
    .services-vector-shape{bottom: -85px; width: 350px;}
    /* services */

    /* partner-section */
    .partner-section{padding: 70px 0; margin: 0 0 50px;}
    .partner-image{height: 575px;}
    /* partner-section */

    /*Your Trusted partner*/
    .trusted-partner-wrap{margin: 90px 0 0;}
    .trusted-partner-content .sub-title { font-size: 22px; margin-bottom: 6px; } 
    .trusted-partner-content .detail { font-size: 18px; line-height: normal; } 
    .trusted-partner-content { width: 100%; } 
    .trusted-partner-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trusted-partner-wrap { padding: 40px 0; } 
    /*Your Trusted partner*/

    /*Trading services*/
    .trading-content .sub-title { font-size: 22px; margin-bottom: 6px; } 
    .trading-content ul li { font-size: 18px; line-height: normal; } 
    .trading-content { width: 100%; } 
    .trading-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trading-wrap { padding: 40px 0; margin: 40px 0; } 
    .trading-wrap::before { top: 0; }
    .trading-shape-img { margin: -32px 0 0 0; max-width: 230px; }
    /*Trading services*/

    /*maintainance*/
    .maintainance-left .maintainance-content ul li { font-size: 18px; }
    /*maintainance*/

     /* partener css start  */
     .partener-main{padding: 0 0 100px;}
     .partener-wrp .section-title::after {width: 337px;}
     .partener-wrp .section-title::before {width: 199px;}
     /* partener css end */

     /* header start */
     .header-main { padding: 18px 10px; }
     .header-main .navbar-brand { max-width: 240px; }
     .header-main .navbar-expand-lg .navbar-nav .nav-item { margin: 0 15px; }
     .header-main .navbar-expand-lg .navbar-nav .nav-link { font-size: 18px; }
     .header-main .common-btn { padding: 6px 15px; }
     /* header end */
 
     /* repair cost start */
     .repair-cost-main { margin: 0; }
     .repair-cost::before { top: auto; bottom: 0; width: 285px; }
     .repair-cost-left .section-title { font-size: 55px; line-height: 110%; }
     .repair-cost-left .table tbody td  { font-size: 18px; line-height: 22px; }
     .repair-cost-left .table thead th { font-size: 22px; line-height: 32px; }
     .repair-cost-left .sub-title { padding: 20px 0; }
     .repair-cost-list { max-width: 630px; }
     .repair-cost-right { margin: 0 0 50px 20px; }
     .repair-cost-detail { max-width: 630px; }
     .repair-cost-list ul li { margin: 0 0 15px; font-size: 18px; padding-left: 25px;}
     .repair-cost-detail ul li { margin: 0 0 15px; font-size: 18px;}
     .repair-cost-list ul li strong{font-size: 20px;}
     .repair-cost-detail ul li strong{font-size: 20px;}
     .repair-cost{margin: 0 0 50px;}
     /* repair cost end */
 
     /* founder wapper start */
     .founder-wapper { margin: 140px 0; }
     .founder-wapper::before { width: 280px; height: 210px; }
     .founder-wapper::after { top: -50px; width: 280px; height: 480px; }
     .founder-block { max-width: 330px; margin: 0 30px 0 0; }
     .founder-detail * { font-size: 22px; line-height: 32px; }
     /* founder wapper end */

     /* contact */
     .contact-main{padding: 90px 0;}
     /* contact */
 
     /* footer start */
     .footer-block { flex-direction: column; align-items: center; margin: 0 30px 0 0;  }
     .footer-block:first-child { margin: 0 30px 0 0; width: 100%; max-width: 180px;}
     .footer-inner { text-align: center; margin: 5px 0 0; }
     .footer-content { padding: 40px 20px 30px; }
     .footer-inner .footer-link a { font-size: 18px; line-height: 28px; }
     /* footer end */

     .typography-content ol li, .typography-content ul li{font-size: 18px;}
}

@media (min-width: 1200px) and (max-width: 1299px){
    /* common style */
    .main-title{font-size: 50px;}
    body{font-size: 18px;}
    .section-title{font-size: 50px;}
    .section-title::before{width: 268px;}
    .section-title::after{width: 327px;}
    /* common style */

    /* banner */
    .banner-section {padding: 0 0 50px;}
    .banner-section .container-fluid{width: calc(545px + 50vw);}
    .banner-right-part{max-width: 400px; height: 530px;}
    .banner-left-part{padding: 50px 0 0;}
    .banner-section::after{height: 140px; bottom: 100px;}
    .banner-btn-block{margin: 30px 0 0;}
    .banner-monitor-img{bottom: 60px;}
    .main-title::after{width: 328px;}
    .main-title::before{width: 268px;}
    .banner-left-part .common-detail *{font-size: 20px;}
    .banner-section::after{width: calc(100% - 330px);}
    .banner-monitor-img{width: 325px;}
    /* banner */

    /* about */
    .about-section{margin: 50px 0; padding: 50px 0;}
    .about-right-part{max-width: 620px;}
    .about-section::before{width: calc(100% - 75%);}
    .about-img{height: 350px;}
    /* about */

    /* services */
    .services-section{padding: 70px 0; margin: 0 0 50px;}
    .services-image{height: 445px; max-width: 520px;}
    .logo-block{padding: 15px; max-width: 290px;}
    .services-vector-shape{bottom: -85px; width: 350px;}
    /* services */

    /* partner-section */
    .partner-section{padding: 70px 0; margin: 0 0 50px;}
    .partner-image{height: 575px;}
    /* partner-section */

    /*Your Trusted partner*/
    .trusted-partner-content .sub-title { font-size: 20px; margin-bottom: 6px; } 
    .trusted-partner-content .detail { font-size: 17px; } 
    .trusted-partner-content { width: 100%; } 
 
    .trusted-partner-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trusted-partner-wrap { padding: 30px 0; margin: 90px 0 40px; } 
    .trusted-partners-left::before { height: calc(100% + 50px);
        width: 100%; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; left: -152px; top: -27px; }
    .trusted-partners-right { margin-top: 20px; }
    /*Your Trusted partner*/

    /*Trading services*/
    .trading-content .sub-title { font-size: 20px; margin-bottom: 6px; } 
    .trading-content { width: 100%; } 
    .trading-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trading-wrap { padding:25px 0;margin: 40px 0; } 
    .trading-content ul li { font-size: 18px; }
     .trading-left::before { height: calc(100% + 50px);
        width: 100%; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; left: -152px; top: -27px; }
    .trading-right { margin-top: 20px; }
    /*Trading services*/

    /*maintenance*/
    .maintenance-wrap { padding: 50px 0; } 
    .maintainance-left { padding: 0 10px 0 0; } 
    .maintainance-left .maintainance-content ul li { font-size: 17px; }
    /*maintenance*/

    /*trading*/
    .trading-shape-img { margin: -32px 0 0 0; max-width: 220px; }
    /*trading*/

    /* partener css start  */
    .partener-main{padding: 0 0 90px;}
    .partener-wrp .section-title::after {width: 337px;}
    .partener-wrp .section-title::before {width: 199px;}
    /* partener css end */

    /* contact css start */
    .contact-main {padding: 60px 0;}
    /* contact css end */
       
    /* header start */
    .header-main { padding: 18px 10px 18px 0; }
    .header-main .navbar-brand { max-width: 240px; }
    .header-main .navbar-expand-lg .navbar-nav .nav-item { margin: 0 15px; }
    .header-main .navbar-expand-lg .navbar-nav .nav-link { font-size: 18px; }
    .header-main .common-btn { padding: 6px 15px; }
    /* header end*/

    /* repair cost start */
    .repair-cost-main { margin: 0; }
    .repair-cost::before { top: auto; bottom: 0; width: 285px; }
    .repair-cost-left .section-title { font-size: 55px; line-height: 110%; }
    .repair-cost-left .table tbody td  { font-size: 18px; line-height: 22px; }
    .repair-cost-left .table thead th { font-size: 22px; line-height: 32px; }
    .repair-cost-left .sub-title { padding: 20px 0; }
    .repair-cost-list { max-width: 630px; }
    .repair-cost-right { margin: 0 0 50px 20px; }
    .repair-cost-detail { max-width: 630px; }
    .repair-cost-list ul li { margin: 0 0 15px; font-size: 18px; padding-left: 25px;}
    .repair-cost-detail ul li { margin: 0 0 15px; font-size: 18px;}
    .repair-cost-list ul li strong{font-size: 20px;}
     .repair-cost-detail ul li strong{font-size: 20px;}
     .repair-cost{margin: 0 0 50px;}
    /* repair cost end */

    /* founder wapper start */
    .founder-wapper { margin: 120px 0; }
    .founder-wapper::before { width: 280px; height: 210px; }
    .founder-wapper::after { top: -50px; width: 250px; height: 480px; }
    .founder-block { max-width: 330px; margin: 0 30px 0 0; }
    .founder-detail * { font-size: 22px; line-height: 32px; }
    /* founder wapper end */

    /* footer start */
    .footer-block { flex-direction: column; align-items: center; margin: 0 20px 0 0;  }
    .footer-block:first-child { margin: 0 20px 0 0;  width: 100%; max-width: 180px; }
    .footer-inner { max-width: 340px; text-align: center; margin: 5px 0 0; }
    .footer-content { padding: 40px 20px 30px; }
    .footer-inner .footer-link a { font-size: 18px; line-height: 28px; }
    /* footer end */

    .typography-content ol li, .typography-content ul li{font-size: 18px;}
}

@media (min-width: 992px) and  (max-width: 1199px){
    /* common style */
    .main-title{font-size: 40px;}
    body{font-size: 16px;}
    .section-title{font-size: 42px;}
    .section-title::before{width: 268px;}
    .section-title::after{width: 327px;}
    .content{ padding-top: 89px; }
    /* common style */

    /* banner */
    .banner-section {padding: 0 0 40px;}
    .banner-section .container-fluid{width: calc(455px + 50vw);}
    .banner-right-part{max-width: 380px; height: 480px; margin-right: 0; padding-right: 40px;}
    .banner-left-part{padding: 40px 0 0;}
    .banner-section::after{height: 120px; bottom: 70px;}
    .banner-btn-block{margin: 30px 0 0;}
    .banner-monitor-img{bottom: 40px;}
    .main-title::after{width: 250px;}
    .main-title::before{width: 190px;}
    .banner-left-part .common-detail *{font-size: 20px;}
    .banner-section::after{width: calc(100% - 320px);}
    .banner-monitor-img{width: 310px;}
    .banner-left-part .common-detail{padding-right: 20px;}
    /* banner */

    /* about */
    .about-section{margin: 40px 0; padding: 30px 0;}
    .about-right-part{max-width: 620px;}
    .about-section::before{width: calc(100% - 76%);}
    .about-img{height: 280px;}
    .about-right-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
    .about-right-part .common-detail ul li{font-size: 16px;}
    .about-right-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
    .about-right-part .common-detail ul li::before{top: 4px;}
    .about-right-part .common-detail ul li::after{top: 8px;}
    /* about */

    /* services */
    .services-section{padding: 60px 0; margin: 0 0 70px;}
    .services-image{height: 360px; max-width: 435px;}
    .logo-block{padding: 15px; max-width: 250px;}
    .services-left-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
    .services-left-part .common-detail ul li{font-size: 16px;}
    .services-left-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
    .services-left-part .common-detail ul li::before{top: 4px;}
    .services-left-part .common-detail ul li::after{top: 8px;}
    .services-image::after{left: -15px; right: -15px; bottom: -15px; top: -15px;}
    .services-vector-shape{bottom: -65px; width: 280px;}
    /* services */

     /* partner-section */
     .partner-section{padding: 60px 0; margin: 0 0 50px;}
     .partner-image{height: 440px;}
     .partner-right-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
     .partner-right-part .common-detail ul li{font-size: 16px;}
     .partner-right-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
     .partner-right-part .common-detail ul li::before{top: 4px;}
     .partner-right-part .common-detail ul li::after{top: 8px;}
     /* partner-section */

     /*Your Trusted partner*/
    .trusted-partner-content .sub-title { font-size: 20px; margin-bottom: 6px; } 
    .trusted-partner-content .detail { font-size: 17px;  } 
    .trusted-partner-content { width: 100%; } 

    .trusted-partner-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } .trusted-partner-wrap { padding: 25px 0; margin: 50px 0;} 
    .trusted-partners-left::before { height: calc(100% + 50px);
        width: 100%; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; left: -152px; top: -27px; }
    .trusted-partners-right { margin-top: 20px; }
    /*Your Trusted partner*/

    /*Trading services*/
    .trading-content .sub-title { font-size: 20px; margin-bottom: 6px; } .trading-content ul li { font-size: 17px; line-height: normal; } .trading-content { width: 100%; } 
    .trading-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trading-wrap { padding: 30px 0; margin: 40px 0;} 
    .trading-left::before { height: calc(100% + 50px);
        width: 100%; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; left: -152px; top: -27px; }
    .trading-right { margin-top: 20px; }
    /*Trading services*/

    /*maintainance*/
    .maintenance-wrap { padding: 30px 0; } .maintenance-right img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin-top: 0px; } 
    .maintainance-content-flx .maintainance-content-left ul li { font-size: 18px; line-height: normal; } .maintainance-left .maintainance-content ul li { font-size: 17px; line-height: normal; } .maintainance-left .maintainance-content { padding-bottom: 20px; margin-bottom: 20px; }
    .maintainance-left { padding: 0 15px 0 0; }
    .maintainance-content-flx .maintainance-content-left { margin-right: 10px; padding-right: 10px; }
    /*maintainance*/

    /*trading*/
    .trading-shape-img { margin: -32px 0 0 0; max-width: 200px; }
    /*trading*/

    /* partener css start  */
    .partener-main {padding: 0 0 60px 0;}
    .section-title.text-center:after {width: 300px;}
    .section-title.text-center:before {width: 160px;}
    /* partener css end */

    /* contact css start  */
    .contact-main {padding: 60px 0px;}
    /* contact css end */

    
    /* header start */
    .header-main { padding: 20px 0; }
    .header-main .navbar-brand { max-width: 200px; height: 48px;  }
    .header-main .navbar-expand-lg .navbar-nav .nav-item { margin: 0 10px; }
    .header-main .navbar-expand-lg .navbar-nav .nav-link { font-size: 15px; line-height: 24px; }
    .header-main .common-btn { font-size: 16px; line-height: 150%; padding: 6px 15px; }
    /* header end */

    /* repair-cost start */
    .repair-cost { margin: 40px 0 90px; padding: 40px 0 0;}
    .repair-cost-main { margin: 0; }
    .repair-cost-table { margin: 0 auto 30px; }
    .repair-cost::before { top: auto; bottom: -40px; width: 470px; height: 460px; }
    .repair-cost-left .section-title { text-align: center; }
    .repair-cost-left { max-width: 840px; margin: 0 auto; }
    .repair-cost-left .section-title::before { left: 0; right: 0; margin: 0 auto; }
    .repair-cost-left .section-title::after { left: 0; right: 0; margin: 0 auto; }
    .repair-cost-left .sub-title { padding: 20px 0; text-align: center; } 
    .repair-cost-right { margin: 60px 0 0; }
    .repair-cost-left .table thead th { font-size: 18px; line-height: 28px; }
    .repair-cost-left .table tbody td  { font-size: 18px; line-height: 28px; }
    .repair-cost-list ul li { font-size: 16px; line-height: 26px; margin: 0 0 15px; padding-left: 25px; }
    .repair-cost-list ul li strong { font-size: 18px; line-height: 30px; }
    .repair-cost-detail ul li { font-size: 16px; line-height: 26px; margin: 0 0 15px; }
    .repair-cost-detail ul li strong { font-size: 18px; line-height: 28px; }
    .repair-cost-img { height: 380px; margin: 0 auto; }
    /* repair-cost end */

    /* founder wapper start */
    .founder-wapper { margin: 120px 0; }
    .founder-wapper::before { width: 210px; height: 165px; }
    .founder-wapper::after { top: -50px;  width: 258px; height: 400px; }
    .founder-left .section-title::before { width: 250px; }
    .founder-left .section-title::after { width: 290px; }
    .founder-block { max-width: 265px; margin: 0 30px 0 0; }
    .founder-detail * { font-size: 20px; line-height: 30px; }
    /* founder wapper end */

    /* footer start*/
    .footer-logo { padding: 20px 0; display: flex; justify-content: center;}
    .footer-logo * { max-width: 280px; }
    .footer-nav { padding: 30px; }
    .footer-nav ul li { margin: 0 10px; }
    .footer-nav ul li a { font-size: 18px; line-height: 28px; }
    .footer-content { flex-wrap: wrap; padding: 30px 15px;  }
    .footer-block { width: 50%;  flex-direction: column;  align-items: center;  margin: 0 0 20px 0; }
    .footer-block:first-child { margin: 0 0 20px 0; }
    .footer-inner { text-align: center; max-width: 370px; margin: 5px 0 0; }
    /* footer end*/

    form .input-group-image{top: 52px;}

    .typography-content ol li, .typography-content ul li{font-size: 18px;}
}

@media (max-width: 991px) {

    .content{ padding-top: 85px; }

    /* header start */
    .header { padding: 0 25px; }
    .header-main { padding: 18px 0; }
    .header-main .navbar-brand { max-width: 240px; height: 48px; }
    /* header end */

    /* button-start */
    button.navbar-toggler { border: none; }
    .navbar-toggler { right: 0; top: 5px; }
    .navbar-toggler { border: none; background-color: transparent; position: relative; z-index: 9999; right: 0; }
    .header-main .navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%; overflow: auto; background-color: #fff; transition: 0.5s; z-index: 99; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .navbar-collapse.show { right: 0; height: auto; }
    .navbar-collapse.show::before { right: 0; }
    .navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 80px; top: 0; right: -100%; background-color: #ffffff; transition: 0.5s; z-index: 9; }
    .navbar .navbar-nav { align-items: center; position: relative; }
    .header-main .navbar-collapse { margin-right: 0; }
    .header-main .navbar-expand-lg .navbar-nav .nav-item { margin: 0 0 30px; }
    .header .navbar-nav .nav-item:first-child { padding-left: 0; }
    .navbar-toggler span { background-color: var(--grey); background-image: none; width: 25px; height: 2px; display: block; margin-bottom: 5px; transition: 0.5s; position: relative; }
    .navbar-toggler:not(.collapsed) span:first-child { top: 5px; transform: rotate(45deg); }
    .navbar-toggler:not(.collapsed) span:nth-child(2) { display: none; }
    .navbar-toggler:not(.collapsed) span:last-child { top: -2px; transform: rotate(-45deg); }
    .navbar-toggler:focus { box-shadow: none; }
    /* button-end */

    /* repair-cost start */
    .repair-cost { margin: 30px 0; padding: 30px 0 0; }
    .repair-cost-main { margin: 0; }
    .repair-cost::before { top: auto; bottom: -40px; width: 330px; height: 490px; }
    .repair-cost-left .section-title { text-align: center; }
    .repair-cost-left .sub-title { padding: 20px 0; text-align: center; } 
    .repair-cost-right { margin: 60px 0 0; }
    .repair-cost-left .table thead th { font-size: 18px; line-height: 28px; padding: 10px 0;  }
    .repair-cost-left .table tbody td  { font-size: 18px; line-height: 28px; }
    .repair-cost-list ul li { font-size: 18px; line-height: 28px; padding-left: 25px; }
    .repair-cost-list ul li strong { font-size: 22px; line-height: 32px; }
    .repair-cost-detail ul li { font-size: 18px; line-height: 28px; }
    .repair-cost-detail ul li strong { font-size: 20px; line-height: 30px; }
    .repair-cost-list ul li::before { left: 5px; }
    .repair-cost-img { height: 400px; margin: 0 auto; }
    /* repair-cost end */

    /* founder wapper start */
    .founder-wapper { margin: 60px 0; }
    .founder-left .section-title { text-align: center; }
    .founder-block { max-width: 288px; margin: 0 0 20px; }
    .founder-right { flex-direction: column; justify-content: center; align-items: center; padding: 40px 0 0; }
    .founder-wapper::before {  left: 0; width: 260px; height: 270px; bottom: -60px;}
    .founder-wapper::after { top: auto; bottom: 100px; width: 190px; height: 480px; }
    /* founder wapper start */

    .services-vector-shape{display: none;}

    /*404 page*/
    .section-404.error-pg { padding: 50px 0; } 
    .detail-404 h2 { font-size: 60px; line-height: 50px; margin-bottom: 20px; }
    /*404 page*/

    .form-label { font-size: 18px !important; }
    form .input-group-image{top: 52px;}

    .typography-content ol li, .typography-content ul li{font-size: 16px;}

    .typography-description{padding: 30px 0 0;}

}

@media (min-width: 768px) and (max-width: 991px){
    /* common style */
    .main-title{font-size: 40px; text-align: center;}
    body{font-size: 16px;}
    .section-title{font-size: 40px; text-align: center;}
    .section-title::before{ width: 200px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .section-title::after{ width: 300px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    /* common style */

    /* banner */
    .banner-section {padding: 0 0 40px;}
    .banner-section .container-fluid{width: 100%; max-width: 720px; margin: 0 auto; padding: 0 15px;}
    .banner-right-part{max-width: 300px; height: 400px; margin: 0 auto;}
    .banner-left-part{padding: 40px 0;}
    .banner-section::after{ height: 120px; bottom: 80px; width: 100%; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
    .banner-btn-block{margin: 30px 0 0; text-align: center;}
    .banner-monitor-img{bottom: 80px; display: none;}
    .main-title::after{ width: 250px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .main-title::before{ width: 150px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .banner-left-part .common-detail *{font-size: 20px;}
    .banner-monitor-img{width: 310px;}
    .banner-left-part .common-detail{text-align: center; margin: 25px auto 0;}
    /* banner */

    /* about */
    .about-section{margin: 30px 0; padding: 30px 0;}
    .about-right-part{max-width: 100%; text-align: center; margin: 50px 0 0;}
    .about-section::before{width: calc(100% - 65%); height: 345px;}
    .about-img{height: 280px; width: 100%; max-width: 370px; margin: 0 auto;}
    .about-right-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
    .about-right-part .common-detail ul li{font-size: 16px;}
    .about-right-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
    .about-right-part .common-detail ul li::before{top: 4px;}
    .about-right-part .common-detail ul li::after{top: 8px;}
    .about-right-part .common-detail ul li{text-align: left;}
    .about-right-part .common-detail ul{width: 100%; max-width: 130px; margin: 20px auto;}
    /* about */

    /* services */
    .services-section{padding: 30px 0; margin: 0;}
    .services-image{height: 360px; max-width: 660px; margin: 0 auto;}
    .logo-block{padding: 15px; max-width: 250px;}
    .services-left-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
    .services-left-part .common-detail ul li{font-size: 16px;}
    .services-left-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
    .services-left-part .common-detail ul li::before{top: 4px;}
    .services-left-part .common-detail ul li::after{top: 8px;}
    .services-image::after{left: -15px; right: -15px; bottom: -15px; top: -15px;}
    .services-content .row{flex-direction: column-reverse;}
    .services-left-part{text-align: center; margin: 40px 0 0;}
    .services-left-part .common-detail{max-width: 100%;}
    .services-left-part .common-detail p{max-width: 100%;}
    .services-left-part .common-detail ul li{text-align: left;}
    .services-left-part .common-detail ul{width: 100%; max-width: 500px; margin: 20px auto;}
    /* services */

    /* partner-section */
    .partner-section{padding: 30px 0; margin: 80px 0 40px;}
    .partner-image{height: 360px;}
    .partner-right-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
    .partner-right-part .common-detail ul li{font-size: 16px;}
    .partner-right-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
    .partner-right-part .common-detail ul li::before{top: 4px;}
    .partner-right-part .common-detail ul li::after{top: 8px;}
    .partner-image{padding: 15px;}
    .partner-right-part{margin: 40px 0 0;}
    /* partner-section */

    /*Your Trusted partner*/
    .trusted-partner-content .sub-title { font-size: 20px; margin-bottom: 6px; } 
    .trusted-partner-content .detail { font-size: 15px; line-height: normal; } 
    .trusted-partner-content { width: 100%; } 
    .trusted-partner-flx .trusted-partner-img { padding: 10px; } 
    .trusted-partner-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trusted-partner-wrap { padding: 50px 0; } .trusted-partners-left img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .trusted-partners-left::before { height: calc(100% + 50px); width: 100%; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; left: -152px; top: -27px; }
    .trusted-partners-right { margin-top: 65px; }
    .trusted-partner-wrap::before { width: calc(100% - 65%);
        height: 395px;} 
    
    .trusted-partners-left{ max-width: 389px; margin: 0 auto; } 
    .trusted-partners-left img { height: 298px; object-fit: cover; }
    /*Your Trusted partner*/

    /*Trading services*/
    .trading-content .sub-title { font-size: 20px; margin-bottom: 6px; } 
    .trading-content ul li { font-size: 17px; line-height: normal; } 
    .trading-content { width: 100%; } 
    .trusted-partner-flx .trading-img { width: 60px; height: 60px; padding: 10px; } 
    .trading-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trusted-partner-wrap { padding: 50px 0 30px; margin: 0;} 
    .trading-left img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
    .trading-left::before { height: calc(100% + 50px); width: 100%; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; left: -152px; top: -27px; }
    .trading-right { margin-top: 20px; }
    .trading-flx .trading-img {padding: 10px; }
    .trading-wrap::before { width: calc(100% - 65%);
        height: 345px; } 
        .trading-left { height: 305px; width: 100%; max-width: 370px; margin: 0 auto; } 
        .trading-right { margin-top: 30px; }
    .trading-shape-img { margin: -100px 0 0 0; max-width: 150px; }
    .trading-left *{height: 100%; object-fit: cover;}
    .trading-wrap{margin: 50px 0;}
    /*Trading services*/

    /*maintainance*/
    .maintenance-wrap { padding: 30px 0; } .maintenance-right img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin-top: 0px; } .maintenance-wrap .maintenance-right { position: relative; top: unset; transform: unset; width: 100%; padding: 0 15px; height: auto; } 
    .maintainance-content-flx .maintainance-content-left ul li { font-size: 18px; line-height: normal; } .maintainance-left .maintainance-content ul li { font-size: 17px; line-height: normal; } .maintainance-left .maintainance-content { padding-bottom: 20px; margin-bottom: 20px; }
    .maintenance-wrap .maintenance-right {  max-width: 690px; padding: 0; margin: 0 auto; height: 400px; }
    /*maintainance*/

    /* partener css start  */
    .partener-main{padding: 30px 0 50px;}
    .section-title.text-center:after{width: 307px;}
    .section-title.text-center:before{width: 189px;}  
    /* partener css end */

    /* contact css start  */
    .contact-main {padding: 50px 0px;}
    .contact-main:after {width: 30%;}    
    /* contact css end */

    
    /* founder wapper start */
    .founder-block { max-width: 370px; }
    .founder-wapper::after { top: auto; bottom: 100px; width: 370px; height: 620px; }
    /* founder wapper end */

    /* footer start*/
    .footer-logo { padding: 20px 0; display: flex; justify-content: center;}
    .footer-logo * { max-width: 260px; }
    .footer-nav { padding: 30px; }
    .footer-nav ul li { margin: 0 10px; }
    .footer-nav ul li a { font-size: 18px; line-height: 28px; }
    .footer-content { flex-wrap: wrap; padding: 30px 15px; }
    .footer-block { width: 50%;  flex-direction: column;  align-items: center;  margin: 0 0 20px 0; }
    .footer-block:first-child { margin: 0 0 20px 0; }
    .footer-inner { text-align: center; max-width: 320px; margin: 5px 0 0; }
    /* footer end*/

    /* privacy-policy */
    .typography-section{ padding: 60px 0; }
    .typography-content h1 { font-size: 45px; line-height: 60px; }
    .typography-content h2 { font-size: 35px; line-height: 50px; }
    .typography-content h3 { font-size: 30px; line-height: 36px; }
    .typography-content h4 { font-size: 25px; line-height: 32px; }
    .typography-content h5 { font-size: 20px; line-height: 30px; }
    .typography-content h6 { font-size: 18px; line-height: 32px; }
    /* privacy-policy */

}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* common style */
    .main-title{font-size: 34px; text-align: center;}
    body{font-size: 16px;}
    .section-title{font-size: 40px; text-align: center;}
    .section-title::before{ width: 200px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .section-title::after{ width: 300px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    /* common style */

    /* banner */
    .banner-section {padding: 0 0 30px;}
    .banner-section .container-fluid{width: 100%; max-width: 540px; margin: 0 auto; padding: 0 15px;}
    .banner-right-part{max-width: 300px; height: 400px; margin: 0 auto;}
    .banner-left-part{padding: 40px 0;}
    .banner-section::after{ height: 90px; bottom: 80px; width: 100%; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
    .banner-btn-block{margin: 30px 0 0; text-align: center;}
    .banner-monitor-img{bottom: 80px; display: none;}
    .main-title::after{ width: 250px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .main-title::before{ width: 150px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .banner-left-part .common-detail *{font-size: 20px;}
    .banner-monitor-img{width: 310px;}
    .banner-left-part .common-detail{text-align: center; margin: 25px auto 0;}
    /* banner */

    /* about */
    .about-section{margin: 30px 0 20px; padding: 20px 0;}
    .about-right-part{max-width: 100%; text-align: center; margin: 50px 0 0;}
    .about-section::before{width: calc(100% - 65%); height: 325px;}
    .about-img{height: 280px; width: 100%; max-width: 370px; margin: 0 auto;}
    .about-right-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
    .about-right-part .common-detail ul li{font-size: 16px;}
    .about-right-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
    .about-right-part .common-detail ul li::before{top: 4px;}
    .about-right-part .common-detail ul li::after{top: 8px;}
    .about-right-part .common-detail ul li{text-align: left;}
    .about-right-part .common-detail ul{width: 100%; max-width: 130px; margin: 20px auto;}
    /* about */

    /* services */
    .services-section{padding: 25px 0; margin: 0 0 20px;}
    .services-image{height: 300px; max-width: 495px; margin: 0 auto;}
    .logo-block{padding: 15px; max-width: 200px;}
    .services-left-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
    .services-left-part .common-detail ul li{font-size: 16px;}
    .services-left-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
    .services-left-part .common-detail ul li::before{top: 4px;}
    .services-left-part .common-detail ul li::after{top: 8px;}
    .services-image::after{left: -8px; right: -8px; bottom: -8px; top: -8px;}
    .services-content .row{flex-direction: column-reverse;}
    .services-left-part{text-align: center; margin: 40px 0 0;}
    .services-left-part .common-detail{max-width: 100%;}
    .services-left-part .common-detail p{max-width: 100%;}
    .services-left-part .common-detail ul li{text-align: left;}
    .services-left-part .common-detail ul{width: 100%; max-width: 500px; margin: 20px auto;}
    /* services */

    /* partner-section */
    .partner-section{padding: 50px 0 25px; margin: 50px 0 20px;}
    .partner-image{height: 300px; max-width: 100%;}
    .partner-right-part .common-detail>*:not(:last-child){margin-bottom: 20px;}
    .partner-right-part .common-detail ul li{font-size: 16px;}
    .partner-right-part .common-detail ul li:not(:last-child){margin-bottom: 10px;}
    .partner-right-part .common-detail ul li::before{top: 4px;}
    .partner-right-part .common-detail ul li::after{top: 8px;}
    .partner-image{padding: 10px;}
    .partner-right-part{margin: 40px 0 0;}
    /* partner-section */

    /*Your Trusted partner*/
    .trusted-partner-content .sub-title { font-size: 20px; margin-bottom: 6px; } .trusted-partner-content .detail { font-size: 15px; line-height: normal; } .trusted-partner-content { width: 100%; } 
    .trusted-partner-flx .trusted-partner-img { padding: 9px; } 
    .trusted-partner-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trusted-partner-wrap { padding: 30px 0; margin: 30px 0 0 0;
    } 
    .trusted-partners-left img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
    .trusted-partners-left::before { height: calc(100% + 50px); width: 100%; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; left: -130px; top: -27px; }
    .trusted-partners-right {       margin-top: 50px; }
    .trusted-partners-left{ max-width: 310px; margin: 0 auto; }
    .trusted-partner-wrap::before { width: calc(100% - 65%);
        height: 415px; }
        .trusted-partners-left *{height: 100%; object-fit: cover;}
    /*Your Trusted partner*/

    /*Trading services*/
    .img-border { width: 55px; height: 50px; }
    .trading-content .sub-title { font-size: 20px; margin-bottom: 6px; } 
    .trading-content ul li { font-size: 15px; line-height: normal;     margin-bottom: 7px;} 
    .trading-content { width: 100%; } 
    .trading-flx .trading-img {  padding: 7px; } 
    .trading-flx { margin: 0 0 15px 0; padding: 0 0 15px 0; } 
    .trading-wrap { padding: 50px 0 20px; margin: 30px 0 20px;} 
    .trading-left img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

    .trading-left::before { height: calc(100% + 50px); width: 100%; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; left: -130px; top: -27px; }
    .trading-right { margin-top: 20px; }
    .trading-wrap::before { width: calc(100% - 65%);
        height: 395px; }
    .trading-left img { object-fit: cover; } 
    .trading-left { max-width: 300px; margin: 0 auto; height: 300px; }
    .trading-shape-img { margin: -32px 0 0 0; max-width: 130px; display: none; }
    .trading-right { margin-top: 70px; }
    .trading-left *{width: 100%; height: 100%; object-fit: cover;}
    /*Trading services*/

    /*maintainance*/
    .maintenance-wrap { padding: 30px 0; } .maintenance-right img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin-top: 0px; } .maintenance-wrap .maintenance-right { position: relative; top: unset; transform: unset; width: 100%; padding: 0 15px; height: auto; } .maintainance-content-flx { flex-wrap: wrap; } .maintainance-content-flx .maintainance-content-left { margin-right: 0; padding-right: 0; margin-bottom: 15px; border-right: 0px solid rgba(0, 0, 0, 0.1); } .maintainance-content-flx .maintainance-content-left ul li { font-size: 16px; line-height: normal; } .maintainance-left .maintainance-content ul li { font-size: 16px; line-height: normal; } .maintainance-left .maintainance-content { padding-bottom: 20px; margin-bottom: 20px; }
        .maintenance-wrap .maintenance-right * { height: 500px; }
    /*maintainance*/

    /* partener css start  */
    .partener-main{padding: 0 0 60px 0;}
    .section-title.text-center:after {width: 277px;}
    .section-title.text-center:before {width: 168px;}
    .slide-arrow {min-width: 26px; width: 26px; height: 26px; padding: 15px;}
    .slide-arrow img {min-width: 26px;width: 26px;height: 26px;padding: 5px;}
    /* partener css end */

    /* contact css start  */
    .contact-main{padding: 40px 0;}
    .contact-wrp form .form-group {margin-top: 20px;}
    form .common-btn {margin: 20px auto 0;}
    .input-group {padding: 10px;}
    .form-label {font-size: 16px;}
    input::placeholder  {font-size: 16px;}
    .contact-main:after {width: 30%; display: none;}
    /* contact css end */

    /* founder-wppaer start */
    .founder-wapper { margin: 50px 0 70px; }
    .founder-left .section-title::before { width: 200px; }
    .founder-left .section-title::after { width: 270px; }
    .founder-right { flex-direction: column; justify-content: center; align-items: center; padding: 40px 0 0; }
    .founder-detail * { font-size: 18px; line-height: 28px; }
    /* founder-wppaer end */

    /* footer start */
    .footer-logo { padding: 20px 0; display: flex; justify-content: center;}
    .footer-logo * { max-width: 260px; }
    .footer-nav { padding: 20px 15px; }
    .footer-nav ul { flex-direction: column; }
    .footer-nav ul li { margin: 0 0 10px; }
    .footer-nav ul li a { font-size: 18px; line-height: 28px; }
    .footer-content { flex-direction: column; max-width: 100%; padding: 20px 15px; }
    .footer-block { flex-direction: column; justify-content: center;  align-items: center;  margin: 0 0 30px;}
    .footer-inner { text-align: center; max-width: 360px; margin: 5px 0 0; }
    .footer-icon { width: 50px; height: 50px; margin: 0 0 10px; }
    .footer-block:first-child { margin: 0 0 30px; }
    .footer-detail * { font-size: 16px; line-height: 140%; }
    .footer-inner .footer-link a { font-size: 18px; line-height: 28px; }
    /* footer end */

    /*404 page*/
    .back-home-button .common-btn { padding: 6px 24px; font-size: 15px; }
    /*404 page*/ 

    /* privacy-policy */
    .typography-section{ padding: 40px 0; }
    .typography-content h1 { font-size: 36px; line-height: 50px; }
    .typography-content h2 { font-size: 30px; line-height: 40px; }
    .typography-content h3 { font-size: 26px; line-height: 32px; }
    .typography-content h4 { font-size: 22px; line-height: 30px; }
    .typography-content h5 { font-size: 20px; line-height: 30px; }
    .typography-content h6 { font-size: 18px; line-height: 32px; }
    /* privacy-policy */
}

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

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
     /*maintanance*/
     .maintenance-wrap .maintenance-right { max-width: 510px; margin: 0 auto; padding: 0; }
     .maintenance-right img { max-width: 524px; margin: 0 auto; }
     /*maintanance*/

    /* founder wapper start */
    .founder-wapper::before { left: 0; width: 250px; height: 190px; bottom: -130px; display: none; }
    .founder-wapper::after { top: auto; bottom: 70px; width: 280px; height: 540px; }
    /* founder wapper end */
}


@media (min-width: 240px) and (max-width: 575px){
    /* common style */
    .main-title{font-size: 30px; text-align: center;}
    .section-title{font-size: 34px; text-align: center;}
    .section-title::before{ width: 200px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .section-title::after{ width: 280px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    /* common style */

    /* banner */
    .banner-section .container-fluid{width: 100%; max-width: 100%; margin: 0 auto; padding: 0 15px;}
    .banner-right-part{max-width: 270px; height: 350px; margin: 0 auto;}
    .banner-left-part{padding: 40px 0;}
    .banner-section::after{ height: 70px; bottom: 100px; width: 100%; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
    .banner-btn-block{margin: 25px 0 0; text-align: center;}
    .main-title::after{ width: 240px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .main-title::before{ width: 140px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .banner-left-part .common-detail *{font-size: 18px;}
    .banner-monitor-img{width: 310px;}
    .banner-left-part .common-detail{text-align: center; margin: 25px auto 0;}
    /* banner */

    .services-image{ max-width: 94%; margin: 0 auto;}

    /*trading*/
    .trading-left { max-width: 287px; margin: 0 auto; }
    /*trading*/

    /*trusted partners*/
    .trusted-partners-left { max-width: 287px; margin: 0 auto; }
    .trusted-partner-flx .trusted-partner-img { padding: 7px; }
    .trusted-partner-wrap::before{height: 390px;} 
    /*trusted partners*/

    /*maintanance*/
    .maintenance-wrap .maintenance-right * { height: 300px; }
    /*maintanance*/

     /* partener css start  */
     .slick-slide img{max-width: 85%;}
     .contact-main:after {width: 45%;}
     /* partener css end */
     
    /* header start */
    .header-main .navbar-brand { max-width: 200px; }
    /* header end*/


    /* repair cost start */
    .repair-cost-right { margin: 50px 0 0; }
    .repair-cost::before {  bottom: -40px; width: 170px; height: 400px; }
    .repair-cost-img { height: 320px; }
    .repair-cost-list ul li { font-size: 16px; line-height: 26px; padding-left: 20px; }
    .repair-cost-list ul li strong { font-size: 18px; line-height: 28px; }
    .repair-cost-detail ul li strong { font-size: 18px; line-height: 28px; }
    .repair-cost-detail ul li { font-size: 16px; line-height: 26px; }
    /* repair cost end */

    /* founder wapper start */
    .founder-wapper::before { width: 170px; height: 130px; display: none;}
    /* founder wapper end */

    .alignnone { float: none; display: block; margin: 20px auto; }
    
    .alignleft { float: none; display: block; margin: 20px auto; }
    
    .aligncenter { float: none; display: block; margin: 20px auto; }
    
    .alignright { float: none; display: block; margin: 20px auto; }

    .header { padding: 0 15px; }
}