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

@media (min-width: 1400px) and (max-width: 1499px){
.banner-section .banner-block { padding: 75px 0; }
.welcome-section { padding: 75px 0; }
.our-services-section { padding: 75px 0; }
.common-accordion { padding: 75px 0; }
.production-series-section { padding: 75px 0; }
.contact-section { padding: 75px 0; background-position: right -550px top -150px; }

/* footer */
.f-top { padding: 50px 0; }
/* footer */
}

@media (min-width: 1300px) and (max-width: 1399px){
body { margin-top: 132px; }

/* header */
.navbar { padding: 35px 0; }
/* header */

.banner-section .banner-block { padding: 50px 0; }
.banner-section .banner-image * { height: calc(100vh - 132px); }
.welcome-section { padding: 75px 0; }
.our-services-section { padding: 75px 0; }
.common-accordion { padding: 75px 0; }
.accordion .accordion-item .accordion-button { font-size: 33px; line-height: 40px; }
.production-series-section { padding: 75px 0; }
.production-series-section .production-series-content { padding: 50px; }
.contact-section { padding: 75px 0; background-position: right -500px top -125px; }

/* footer */
.f-top { padding: 50px 0; }
/* footer */
}

@media (min-width: 1300px){
.container { max-width: 1200px; }
}

@media (min-width: 1200px) and (max-width: 1299px){
body { margin-top: 132px; }

/* header */
.navbar { padding: 35px 0; }
/* header */

.banner-section .banner-block { padding: 50px 0; }
.banner-section .banner-image * { height: calc(100vh - 132px); }
.welcome-section { padding: 75px 0; }
.our-services-section { padding: 75px 0; }
.common-accordion { padding: 75px 0; }
.accordion .accordion-item .accordion-button { font-size: 33px; line-height: 40px; }
.production-series-section { padding: 75px 0; }
.production-series-section .production-series-content { padding: 50px; }
.contact-section { padding: 75px 0; background-position: right -500px top -125px; }

/* footer */
.f-top { padding: 50px 0; }
/* footer */
}

@media (max-width: 1300px){
  
.banner-carousel .swiper-slide-active .main-title .typed-string1,
.banner-carousel .swiper-slide-active .main-title .typed-string2 { white-space: normal; overflow: unset; opacity: 1; word-wrap: break-word; animation: none; -webkit-animation: none; }
}

@media (min-width: 992px) and (max-width: 1199px){
body { margin-top: 132px; }
.main-title { font-size: 40px; line-height: 45px; }
.main-title h3 { font-size: 20px; line-height: 35px; }
.section-title { font-size: 30px; line-height: 38px; margin-bottom: 20px; }
.accordion .accordion-item .accordion-button { font-size: 30px; line-height: 38px; padding: 15px 0 15px 50px; }
.accordion .accordion-item .accordion-button:before { width: 35px; }
.accordion .accordion-item .accordion-button:after { left: 14px; height: 35px; }
.accordion .accordion-item .accordion-body { padding-left: 50px; }

/* header */
.navbar { padding: 35px 0; }
.navbar-nav .nav-item { margin: 0 12px; }
/* header */

.banner-section .banner-block { padding: 35px 0; }
.banner-section .banner-block .main-title { padding: 0 20px; }
.banner-carousel .swiper-pagination-bullets { left: 30px !important; right: 30px !important; bottom: 30px !important; }
.banner-section .banner-image * { height: calc(100vh - 132px); }
.welcome-section { padding: 60px 0; }
.welcome-section .welcome-content > .row { margin: 0 -20px; }
.welcome-section .welcome-content > .row > * { padding: 0 20px; }
.our-services-section { padding: 60px 0; }
.common-accordion { padding: 60px 0; }
.production-series-section { padding: 60px 0; }
.production-series-section .production-series-content { padding: 35px; }
.contact-section { padding: 60px 0; background-position: right -400px top -100px; }

/* footer */
.f-top { padding: 50px 0; }
/* footer */
}

@media (min-width: 768px) and (max-width: 991px){

    img.img-fluid.lazy.active-img.entered.loading {
        width: 200px;
    }
body { margin-top: 86px; }
.main-title { font-size: 40px; line-height: 45px; }
.main-title h3 { font-size: 35px; line-height: 45px; }
.section-title { font-size: 30px; line-height: 38px; margin-bottom: 20px; }
.accordion .accordion-item .accordion-button { font-size: 25px; line-height: 33px; padding: 15px 0 15px 50px; }
.accordion .accordion-item .accordion-button:before { width: 30px; }
.accordion .accordion-item .accordion-button:after { left: 12px; height: 30px; }
.accordion .accordion-item .accordion-body { padding-left: 50px; }
.accordion .accordion-item .accordion-body .accordion-image { margin-bottom: 30px; }

/* header */
.navbar { padding: 25px 0; }
.navbar-nav .nav-item { margin: 0 12px; }
.navbar .navbar-brand img.default-img { display: none; }
.navbar .navbar-brand img.active-img { display: block; }
/* header */

.banner-section .banner-block { padding: 35px 0; }
.banner-section .banner-block .main-title { padding: 0 20px; }
.banner-carousel .swiper-pagination-bullets { left: 30px !important; right: 30px !important; bottom: 30px !important; }
.banner-section .banner-image * { height: calc(100vh - 112px); }
.welcome-section { padding: 50px 0; }
.welcome-section .welcome-content > .row { margin: 0 -20px; }
.welcome-section .welcome-content > .row > * { padding: 0 20px; }
.welcome-section .welcome-image { margin-bottom: 35px; }
.welcome-section .welcome-image img { width: 75%; }
.our-services-section { padding: 50px 0; }
.our-services-block { padding: 20px; }
.common-accordion { padding: 50px 0; }
.production-series-section { padding: 50px 0; }
.production-series-section .production-series-content { padding: 35px; }
.contact-section { padding: 50px 0; background-position: right -400px top -100px; }

/* footer */
.f-top { padding: 35px 0; }
/* footer */
}

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

@media (max-width: 767px) {
    img.img-fluid.lazy.active-img.entered.loading {
        width: 200px;
    }
body { margin-top: 72px; font-size: 16px; line-height: 22px; }
.main-title { font-size: 33px; line-height: 40px; }
.main-title h3 { font-size: 25px; line-height: 33px; }
.main-title br { display: none; }
.section-title { font-size: 28px; line-height: 35px; margin-bottom: 20px; }
.section-title br { display: none; }
.extra-small-title { font-size: 20px; }
.accordion .accordion-item .accordion-button { font-size: 22px; line-height: 30px; padding: 15px 15px 15px 35px; }
.accordion .accordion-item .accordion-button:before { width: 22px; height: 3px; }
.accordion .accordion-item .accordion-button:after { left: 10px; height: 22px; width: 3px; }
.accordion .accordion-item .accordion-body { font-size: 16px; line-height: 22px; padding: 15px 0; }
.accordion .accordion-item .accordion-body .accordion-image { margin-bottom: 30px; }

/* navigation */
html.nav-menu-open .header { z-index: 999; }
html.nav-menu-open .navbar .navbar-brand { position: relative; z-index: 9999; }
html.nav-menu-open .navbar .navbar-toggler { position: relative; z-index: 9999; }
.navbar-nav .nav-item { margin: 0 15px !important; padding: 0; border-bottom: 1px solid #000000; }
.navbar .navbar-collapse { display: block; position: fixed; left: 0; right: 0; top: -200%; height: 100vh; z-index: 999; width: 100%; overflow: auto; background: #ffffff; padding-top: 125px; padding-bottom: 35px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.navbar .navbar-collapse.show { top: 0; }
.navbar .navbar-collapse.show:before { position: fixed; content: ""; left: 0; right: 0; top: 0; width: 100%; height: 100px; background: #ffffff; z-index: 9; }
.navbar-nav .nav-item .nav-link { display: flex; align-items: center; padding: 15px 0 !important; }
.header .h-enquire-button { margin: 15px 15px 0; }
/* navigation */

/* header */
.navbar { padding: 15px 0 !important; }
.navbar .navbar-brand img.default-img { display: none; }
.navbar .navbar-brand img.active-img { display: block; }
/* header */

.banner-section .banner-block { padding: 25px 0; }
.banner-section .banner-block .main-title { padding: 0 20px; }
.banner-carousel .swiper-pagination-bullets { left: 30px !important; right: 30px !important; bottom: 30px !important; }
.banner-section .banner-image * { height: 450px; }
.banner-carousel .swiper-slide-active .main-title .typed-string1,
.banner-carousel .swiper-slide-active .main-title .typed-string2 { white-space: normal; overflow: unset; opacity: 1; word-wrap: break-word; animation: none; -webkit-animation: none; }
.welcome-section { padding: 35px 0; }
.welcome-section .welcome-content > .row { margin: 0 -15px; }
.welcome-section .welcome-content > .row > * { padding: 0 15px; }
.welcome-section .welcome-image { margin-bottom: 25px; }
.welcome-section .welcome-image img { width: 75%; }
.our-services-section { padding: 35px 0; }
.our-services-block { padding: 20px 15px; }
.our-services-block:before { width: 35px; height: 35px; font-size: 22px; line-height: 22px; margin-bottom: 15px; }
.common-accordion { padding: 35px 0; }
.production-series-section { padding: 35px 0; }
.production-series-section .production-series-content { padding: 30px 15px; }
.contact-section { padding: 35px 0; background-position: right -400px top -100px; }
.contact-section .contact-image { margin-bottom: 30px; }

/* footer */
.f-top { padding: 25px 0; }
.f-accordion.accordion .accordion-item .accordion-button { padding-left: 35px; }
.f-accordion.accordion .accordion-item .accordion-button:before { left: 0; width: 20px; height: 3px; }
.f-accordion.accordion .accordion-item .accordion-button:after { left: 9px; height: 20px; width: 3px; }
.f-accordion.accordion .accordion-item .accordion-body { padding: 15px 0; }
.f-bottom .f-content { flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.f-bottom ul li { line-height: 25px; }
/* footer */
}

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

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
.main-title { font-size: 30px; line-height: 38px; }
.main-title h3 { font-size: 22px; line-height: 30px; }
.section-title { font-size: 25px; line-height: 33px; }
}
/*---------- Large Desktop , Large Screen End ----------*/