/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


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

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 575px){
.section-seprater:before { width: 150px; }
.common-form span.common-form-msg { font-size: 12px; line-height: 16px; }
}

@media (min-width: 576px) and (max-width: 767px){
.section-seprater:before { width: 250px; }
}

@media (max-width: 767px) {
.header { padding: 15px 0; text-align: center; }
.header .logo img { width: 250px; }

.banner-section .banner-title { padding-left: 15px; }
.banner-section .banner-title span.company-nm, 
.banner-section .banner-title a.company-nm { position: relative; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; font-size: 14px; line-height: 14px; width: 100%; padding-left: 0; margin: 0 0 20px; display: block; }
.banner-section { padding: 30px 0 50px; }
.banner-section .banner-title h1, 
.banner-section .banner-title h2, 
.banner-section .banner-title h3, 
.banner-section .banner-title h4, 
.banner-section .banner-title h5, 
.banner-section .banner-title h6 { font-size: 30px; line-height: 35px; margin: 0; }
.banner-section .banner-title h1 span, 
.banner-section .banner-title h2 span, 
.banner-section .banner-title h3 span, 
.banner-section .banner-title h4 span, 
.banner-section .banner-title h5 span, 
.banner-section .banner-title h6 span { margin: 0; }
.banner-section .banner-title h1 img, 
.banner-section .banner-title h2 img, 
.banner-section .banner-title h3 img, 
.banner-section .banner-title h4 img, 
.banner-section .banner-title h5 img, 
.banner-section .banner-title h6 img { margin-left: 5px; }

.capstick-service-section { padding: 30px 0; }
.capstick-service-section .row { margin: 0 -15px; }
.capstick-service-section [class^=col-] { padding: 0 15px; }
.capstick-service-section .service-info-block .title h1, 
.capstick-service-section .service-info-block .title h2, 
.capstick-service-section .service-info-block .title h3, 
.capstick-service-section .service-info-block .title h4, 
.capstick-service-section .service-info-block .title h5, 
.capstick-service-section .service-info-block .title h6 { font-size: 15px; line-height: 22px; }

.capstick-service-section .service-info-block { padding: 0 0 20px; }
.capstick-service-section [class^=col-]:last-child .service-info-block { padding-bottom: 0; }
.capstick-service-section .service-info-block .detail { height: auto; }
.capstick-service-section .service-info-block .detail p { font-size: 14px; line-height: 20px; }

.brain-info-tech-section { padding: 30px 0; }
.brain-info-tech-section .brain-info-title h1, 
.brain-info-tech-section .brain-info-title h2, 
.brain-info-tech-section .brain-info-title h3, 
.brain-info-tech-section .brain-info-title h4, 
.brain-info-tech-section .brain-info-title h5, 
.brain-info-tech-section .brain-info-title h6 { font-size: 25px; line-height: 30px; padding: 0 0 20px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-left { padding: 0 0 20px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-left p { font-size: 16px; line-height: 22px; }
.brain-info-tech-section .brain-info-tech-content a.learn-more,
.brain-info-tech-section .brain-info-tech-content span.learn-more { font-size: 16px; line-height: 16px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-block { padding: 0 0 20px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-block p { font-size: 14px; line-height: 20px; }
.brain-info-tech-section .brain-info-tech-content .info-title h1, 
.brain-info-tech-section .brain-info-tech-content .info-title h2, 
.brain-info-tech-section .brain-info-tech-content .info-title h3, 
.brain-info-tech-section .brain-info-tech-content .info-title h4, 
.brain-info-tech-section .brain-info-tech-content .info-title h5, 
.brain-info-tech-section .brain-info-tech-content .info-title h6 { font-size: 18px; line-height: 18px; }

.get-in-touch-section { padding: 30px 0; }
.get-in-touch-section .get-in-touch-title { padding: 0 0 20px; }
.get-in-touch-section .get-in-touch-title h1, 
.get-in-touch-section .get-in-touch-title h2, 
.get-in-touch-section .get-in-touch-title h3, 
.get-in-touch-section .get-in-touch-title h4, 
.get-in-touch-section .get-in-touch-title h5, 
.get-in-touch-section .get-in-touch-title h6 { font-size: 25px; line-height: 30px; }
.get-in-touch-section .get-in-touch-left { padding: 0 0 30px; }
.common-form .form-group { margin: 0 0 25px; }
.common-form .form-control { height: 40px; }
.common-form .btn { padding: 15px 30px; }

.footer { padding: 15px 0; }
}

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

@media (min-width: 768px) and (max-width: 991px){
.section-seprater:before { width: 295px; }

.header { padding: 30px; }

.banner-section .banner-title { padding-left: 250px; }
.banner-section .banner-title span.company-nm, 
.banner-section .banner-title a.company-nm { font-size: 15px; line-height: 15px; width: 250px; padding-left: 15px; }
.banner-section { padding: 70px 0 100px; }
.banner-section .banner-title h1, 
.banner-section .banner-title h2, 
.banner-section .banner-title h3, 
.banner-section .banner-title h4, 
.banner-section .banner-title h5, 
.banner-section .banner-title h6 { font-size: 55px; line-height: 50px; }
.banner-section .banner-title h1 span, 
.banner-section .banner-title h2 span, 
.banner-section .banner-title h3 span, 
.banner-section .banner-title h4 span, 
.banner-section .banner-title h5 span, 
.banner-section .banner-title h6 span { margin: 0 0 0 -10px; }
.banner-section .banner-title h1 img, 
.banner-section .banner-title h2 img, 
.banner-section .banner-title h3 img, 
.banner-section .banner-title h4 img, 
.banner-section .banner-title h5 img, 
.banner-section .banner-title h6 img { margin-left: 5px; }

.capstick-service-section { padding: 50px 0; }
.capstick-service-section .row { margin: 0 -15px; }
.capstick-service-section [class^=col-] { padding: 0 15px; }
.capstick-service-section .service-info-block .title h1, 
.capstick-service-section .service-info-block .title h2, 
.capstick-service-section .service-info-block .title h3, 
.capstick-service-section .service-info-block .title h4, 
.capstick-service-section .service-info-block .title h5, 
.capstick-service-section .service-info-block .title h6 { font-size: 15px; line-height: 22px; }
.capstick-service-section .service-info-block .detail { height: 217px; }
.capstick-service-section .service-info-block .detail p { font-size: 14px; line-height: 20px; }

.brain-info-tech-section { padding: 50px 0; }
.brain-info-tech-section .brain-info-title h1, 
.brain-info-tech-section .brain-info-title h2, 
.brain-info-tech-section .brain-info-title h3, 
.brain-info-tech-section .brain-info-title h4, 
.brain-info-tech-section .brain-info-title h5, 
.brain-info-tech-section .brain-info-title h6 { font-size: 32px; line-height: 35px; padding: 0 0 25px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-left p { font-size: 16px; line-height: 22px; }
.brain-info-tech-section .brain-info-tech-content a.learn-more,
.brain-info-tech-section .brain-info-tech-content span.learn-more { font-size: 18px; line-height: 18px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-block { padding: 0 0 20px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-block p { font-size: 14px; line-height: 20px; }
.brain-info-tech-section .brain-info-tech-content .info-title h1, 
.brain-info-tech-section .brain-info-tech-content .info-title h2, 
.brain-info-tech-section .brain-info-tech-content .info-title h3, 
.brain-info-tech-section .brain-info-tech-content .info-title h4, 
.brain-info-tech-section .brain-info-tech-content .info-title h5, 
.brain-info-tech-section .brain-info-tech-content .info-title h6 { font-size: 18px; line-height: 18px; }

.get-in-touch-section { padding: 50px 0; }
.get-in-touch-section .get-in-touch-title { padding: 0 0 25px; }
.get-in-touch-section .get-in-touch-title h1, 
.get-in-touch-section .get-in-touch-title h2, 
.get-in-touch-section .get-in-touch-title h3, 
.get-in-touch-section .get-in-touch-title h4, 
.get-in-touch-section .get-in-touch-title h5, 
.get-in-touch-section .get-in-touch-title h6 { font-size: 32px; line-height: 35px; }
.common-form .btn { padding: 20px 35px; }

.footer { padding: 20px 0; }
}

@media (min-width: 992px) and (max-width: 1199px){
.section-seprater:before { width: 367px; }

.header { padding: 30px; }

.banner-section .banner-title { padding-left: 300px; }
.banner-section .banner-title span.company-nm, 
.banner-section .banner-title a.company-nm { width: 300px; padding-left: 35px; }
.banner-section { padding: 70px 0 100px; }
.banner-section .banner-title h1, 
.banner-section .banner-title h2, 
.banner-section .banner-title h3, 
.banner-section .banner-title h4, 
.banner-section .banner-title h5, 
.banner-section .banner-title h6 { font-size: 75px; line-height: 70px; }
.banner-section .banner-title h1 span, 
.banner-section .banner-title h2 span, 
.banner-section .banner-title h3 span, 
.banner-section .banner-title h4 span, 
.banner-section .banner-title h5 span, 
.banner-section .banner-title h6 span { margin: 0 0 0 -15px; }

.capstick-service-section { padding: 70px 0 50px; }
.capstick-service-section .row { margin: 0 -15px; }
.capstick-service-section [class^=col-] { padding: 0 15px; }
.capstick-service-section .service-info-block .title h1, 
.capstick-service-section .service-info-block .title h2, 
.capstick-service-section .service-info-block .title h3, 
.capstick-service-section .service-info-block .title h4, 
.capstick-service-section .service-info-block .title h5, 
.capstick-service-section .service-info-block .title h6 { font-size: 20px; line-height: 25px; }
.capstick-service-section .service-info-block .detail p { font-size: 16px; line-height: 22px; }

.brain-info-tech-section { padding: 70px 0; }
.brain-info-tech-section .brain-info-title h1, 
.brain-info-tech-section .brain-info-title h2, 
.brain-info-tech-section .brain-info-title h3, 
.brain-info-tech-section .brain-info-title h4, 
.brain-info-tech-section .brain-info-title h5, 
.brain-info-tech-section .brain-info-title h6 { font-size: 43px; line-height: 40px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-left p { font-size: 18px; line-height: 25px; }
.brain-info-tech-section .brain-info-tech-content a.learn-more,
.brain-info-tech-section .brain-info-tech-content span.learn-more { font-size: 22px; line-height: 22px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-block { padding: 0 0 20px; }
.brain-info-tech-section .brain-info-tech-content .info-title h1, 
.brain-info-tech-section .brain-info-tech-content .info-title h2, 
.brain-info-tech-section .brain-info-tech-content .info-title h3, 
.brain-info-tech-section .brain-info-tech-content .info-title h4, 
.brain-info-tech-section .brain-info-tech-content .info-title h5, 
.brain-info-tech-section .brain-info-tech-content .info-title h6 { font-size: 20px; line-height: 20px; }

.get-in-touch-section { padding: 60px 0; }
.get-in-touch-section .get-in-touch-title { padding: 0 0 25px; }
.get-in-touch-section .get-in-touch-title h1, 
.get-in-touch-section .get-in-touch-title h2, 
.get-in-touch-section .get-in-touch-title h3, 
.get-in-touch-section .get-in-touch-title h4, 
.get-in-touch-section .get-in-touch-title h5, 
.get-in-touch-section .get-in-touch-title h6 { font-size: 43px; line-height: 40px; }

.footer { padding: 25px 0; }
}

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

@media (min-width: 1200px) and (max-width: 1299px){
.section-seprater:before { width: 465px; }

.header { padding: 50px; }

.banner-section { padding: 100px 0 150px; }
.banner-section .banner-title h1, 
.banner-section .banner-title h2, 
.banner-section .banner-title h3, 
.banner-section .banner-title h4, 
.banner-section .banner-title h5, 
.banner-section .banner-title h6 { font-size: 90px; line-height: 85px; }
.banner-section .banner-title h1 span, 
.banner-section .banner-title h2 span, 
.banner-section .banner-title h3 span, 
.banner-section .banner-title h4 span, 
.banner-section .banner-title h5 span, 
.banner-section .banner-title h6 span { margin: 0 0 0 -20px; }

.capstick-service-section { padding: 100px 0 75px; }
.capstick-service-section .service-info-block .title h1, 
.capstick-service-section .service-info-block .title h2, 
.capstick-service-section .service-info-block .title h3, 
.capstick-service-section .service-info-block .title h4, 
.capstick-service-section .service-info-block .title h5, 
.capstick-service-section .service-info-block .title h6 { font-size: 24px; }

.brain-info-tech-section { padding: 70px 0; }
.brain-info-tech-section .brain-info-title h1, 
.brain-info-tech-section .brain-info-title h2, 
.brain-info-tech-section .brain-info-title h3, 
.brain-info-tech-section .brain-info-title h4, 
.brain-info-tech-section .brain-info-title h5, 
.brain-info-tech-section .brain-info-title h6 { font-size: 50px; line-height: 45px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-left p { font-size: 20px; line-height: 28px; }
.brain-info-tech-section .brain-info-tech-content .brain-info-block { padding: 0 0 20px; }
.brain-info-tech-section .brain-info-tech-content .info-title h1, 
.brain-info-tech-section .brain-info-tech-content .info-title h2, 
.brain-info-tech-section .brain-info-tech-content .info-title h3, 
.brain-info-tech-section .brain-info-tech-content .info-title h4, 
.brain-info-tech-section .brain-info-tech-content .info-title h5, 
.brain-info-tech-section .brain-info-tech-content .info-title h6 { font-size: 20px; line-height: 20px; }

.get-in-touch-section { padding: 60px 0; }
.get-in-touch-section .get-in-touch-title { padding: 0 0 25px; }
.get-in-touch-section .get-in-touch-title h1, 
.get-in-touch-section .get-in-touch-title h2, 
.get-in-touch-section .get-in-touch-title h3, 
.get-in-touch-section .get-in-touch-title h4, 
.get-in-touch-section .get-in-touch-title h5, 
.get-in-touch-section .get-in-touch-title h6 { font-size: 50px; line-height: 45px; }

.footer { padding: 25px 0; }
}

@media (min-width: 1300px) and (max-width: 1399px){
.section-seprater:before { width: 508px; }

.header { padding: 60px 80px; }

.banner-section { padding: 150px 0 220px; }
.banner-section .banner-title h1, 
.banner-section .banner-title h2, 
.banner-section .banner-title h3, 
.banner-section .banner-title h4, 
.banner-section .banner-title h5, 
.banner-section .banner-title h6 { font-size: 105px; line-height: 95px; }
.banner-section .banner-title h1 span, 
.banner-section .banner-title h2 span, 
.banner-section .banner-title h3 span, 
.banner-section .banner-title h4 span, 
.banner-section .banner-title h5 span, 
.banner-section .banner-title h6 span { margin: 0 0 0 -20px; }

.capstick-service-section { padding: 125px 0 100px; }
.brain-info-tech-section { padding: 70px 0; }
.get-in-touch-section { padding: 60px 0; }

.footer { padding: 25px 0; }
}

@media (min-width: 1400px) and (max-width: 1499px){
.section-seprater:before { width: 545px; }
}

@media (min-width: 1500px) and (max-width: 1599px){
.section-seprater:before { width: 575px; }
}

@media (min-width: 1600px) and (max-width: 1699px){
.section-seprater:before { width: 625px; }
}

@media (min-width: 1700px) and (max-width: 1799px){
.section-seprater:before { width: 675px; }
}

@media (min-width: 1800px) and (max-width: 1899px){
.section-seprater:before { width: 725px; }
}
/*---------- Large Desktop , Large Screen End ----------*/