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

@media (min-width: 1400px) and (max-width: 1899px){
.our-work-modeling-section .slider-box .detail p{font-size: 12px;line-height: 20px;}
.our-work-modeling-section .slider-box .detail .model-title{min-width: 90px;}
.modeling-slider .swiper-slide { transform: scale(0.6) translate(120px, 0) !important; -webkit-transform: scale(0.6) translate(120px, 0) !important; -moz-transform: scale(0.6) translate(120px, 0) !important; -ms-transform: scale(0.6) translate(120px, 0) !important; -o-transform: scale(0.6) translate(120px, 0) !important; }
.modeling-slider .swiper-slide-prev { transform: scale(0.8) translate(20px, 0) !important; -webkit-transform: scale(0.8) translate(20px, 0) !important; -moz-transform: scale(0.8) translate(20px, 0) !important; -ms-transform: scale(0.8) translate(20px, 0) !important; -o-transform: scale(0.8) translate(20px, 0) !important; }
.modeling-slider .swiper-slide.swiper-slide-active { transform: scale(1.0) !important; -webkit-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; -ms-transform: scale(1.0) !important; -o-transform: scale(1.0) !important; }
.modeling-slider .swiper-slide-next { transform: scale(0.8) translate(-20px, 0) !important; -webkit-transform: scale(0.8) translate(-20px, 0) !important; -moz-transform: scale(0.8) translate(-20px, 0) !important; -ms-transform: scale(0.8) translate(-20px, 0) !important; -o-transform: scale(0.8) translate(-20px, 0) !important; }
.modeling-slider .swiper-slide-next + .swiper-slide { transform: scale(0.6) translate(-120px, 0) !important; -webkit-transform: scale(0.6) translate(-120px, 0) !important; -moz-transform: scale(0.6) translate(-120px, 0) !important; -ms-transform: scale(0.6) translate(-120px, 0) !important; -o-transform: scale(0.6) translate(-120px, 0) !important; }
.modeling-slider .swiper-button-prev, 
.modeling-slider .swiper-button-next{width: 50px !important;}
}

@media (min-width: 1400px){
.container { max-width: 1310px; }
}

@media (min-width: 1300px) and (max-width: 1399px){
.main-title { font-size: 50px; }
.slick-slider .slick-arrow { width: 125px; height: 125px; }

/* home page */
.products-section .products-content { padding: 65px 0 25px; }
.lets-talk-section { padding: 65px 0 50px; }
.lets-talk-section .lets-talk-content > .row { margin: 0 -30px; }
.lets-talk-section .lets-talk-content > .row > * { padding: 0 30px; }
.lets-talk-section .lets-talk-block { margin-bottom: 65px; }
/* home page */

/* about page */
.about-section .about-content { padding: 65px 0; }
/* about page */

/* services page */
.services-accordion .accordion-item .accordion-button { font-size: 22px; }
/* services page */

/* work page */
.our-work-modeling-section .our-work-modeling-content { padding: 40px 0 65px; }
.our-work-modeling-carousel .slick-active + .slick-active { width: 225px !important; }
.our-work-modeling-carousel .slick-current.slick-current { width: 400px !important; }
/* work page */

.our-work-modeling-section .slider-box .detail p{font-size: 12px;line-height: 20px;}
.our-work-modeling-section .slider-box .detail .model-title{min-width: 90px;}
.modeling-slider .swiper-slide { transform: scale(0.6) translate(120px, 0) !important; -webkit-transform: scale(0.6) translate(120px, 0) !important; -moz-transform: scale(0.6) translate(120px, 0) !important; -ms-transform: scale(0.6) translate(120px, 0) !important; -o-transform: scale(0.6) translate(120px, 0) !important; }
.modeling-slider .swiper-slide-prev { transform: scale(0.8) translate(20px, 0) !important; -webkit-transform: scale(0.8) translate(20px, 0) !important; -moz-transform: scale(0.8) translate(20px, 0) !important; -ms-transform: scale(0.8) translate(20px, 0) !important; -o-transform: scale(0.8) translate(20px, 0) !important; }
.modeling-slider .swiper-slide.swiper-slide-active { transform: scale(1.0) !important; -webkit-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; -ms-transform: scale(1.0) !important; -o-transform: scale(1.0) !important; }
.modeling-slider .swiper-slide-next { transform: scale(0.8) translate(-20px, 0) !important; -webkit-transform: scale(0.8) translate(-20px, 0) !important; -moz-transform: scale(0.8) translate(-20px, 0) !important; -ms-transform: scale(0.8) translate(-20px, 0) !important; -o-transform: scale(0.8) translate(-20px, 0) !important; }
.modeling-slider .swiper-slide-next + .swiper-slide { transform: scale(0.6) translate(-120px, 0) !important; -webkit-transform: scale(0.6) translate(-120px, 0) !important; -moz-transform: scale(0.6) translate(-120px, 0) !important; -ms-transform: scale(0.6) translate(-120px, 0) !important; -o-transform: scale(0.6) translate(-120px, 0) !important; }
.modeling-slider .swiper-button-prev,
.modeling-slider .swiper-button-next{width: 50px !important;}
}

@media (min-width: 1200px) and (max-width: 1299px){
.main-title { font-size: 50px; }
.slick-slider .slick-arrow { width: 125px; height: 125px; }

/* home page */
.products-section .products-content { padding: 65px 0 25px; }
.lets-talk-section { padding: 65px 0 50px; }
.lets-talk-section .lets-talk-content > .row { margin: 0 -30px; }
.lets-talk-section .lets-talk-content > .row > * { padding: 0 30px; }
.lets-talk-section .lets-talk-block { margin-bottom: 65px; }
/* home page */

/* about page */
.about-section .about-content { padding: 65px 0; }
/* about page */

/* services page */
.services-accordion .accordion-item .accordion-button { font-size: 22px; }
/* services page */

/* work page */
.our-work-modeling-section .our-work-modeling-content { padding: 40px 0 65px; }
.our-work-modeling-carousel .slick-active + .slick-active { width: 225px !important; }
.our-work-modeling-carousel .slick-current.slick-current { width: 400px !important; }
/* work page */

.work-slider .slick-slide{transform: scale(0.45) translate(590px, 0);}
.work-slider .slick-slide.slick-active{transform: scale(0.6) translate(140px, 0);}
.work-slider .slick-slide.slick-current.slick-active.slick-center{transform: scale(1);}
.work-slider .slick-slide.slick-current.slick-active.slick-center + .slick-slide{transform: scale(0.6) translate(-140px, 0);}
.work-slider .slick-slide.slick-current.slick-active.slick-center + .slick-slide + .slick-slide{transform: scale(0.45) translate(-590px, 0);}

.our-work-modeling-section .slider-box .detail p{font-size: 12px;line-height: 20px;}
.our-work-modeling-section .slider-box .detail .model-title{min-width: 90px;}
.modeling-slider .swiper-slide { transform: scale(0.6) translate(120px, 0) !important; -webkit-transform: scale(0.6) translate(120px, 0) !important; -moz-transform: scale(0.6) translate(120px, 0) !important; -ms-transform: scale(0.6) translate(120px, 0) !important; -o-transform: scale(0.6) translate(120px, 0) !important; }
.modeling-slider .swiper-slide-prev { transform: scale(0.8) translate(20px, 0) !important; -webkit-transform: scale(0.8) translate(20px, 0) !important; -moz-transform: scale(0.8) translate(20px, 0) !important; -ms-transform: scale(0.8) translate(20px, 0) !important; -o-transform: scale(0.8) translate(20px, 0) !important; }
.modeling-slider .swiper-slide.swiper-slide-active { transform: scale(1.0) !important; -webkit-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; -ms-transform: scale(1.0) !important; -o-transform: scale(1.0) !important; }
.modeling-slider .swiper-slide-next { transform: scale(0.8) translate(-20px, 0) !important; -webkit-transform: scale(0.8) translate(-20px, 0) !important; -moz-transform: scale(0.8) translate(-20px, 0) !important; -ms-transform: scale(0.8) translate(-20px, 0) !important; -o-transform: scale(0.8) translate(-20px, 0) !important; }
.modeling-slider .swiper-slide-next + .swiper-slide { transform: scale(0.6) translate(-120px, 0) !important; -webkit-transform: scale(0.6) translate(-120px, 0) !important; -moz-transform: scale(0.6) translate(-120px, 0) !important; -ms-transform: scale(0.6) translate(-120px, 0) !important; -o-transform: scale(0.6) translate(-120px, 0) !important; }
.modeling-slider .swiper-button-prev,
.modeling-slider .swiper-button-next{width: 50px !important;}
}

@media (min-width: 992px) and (max-width: 1199px){
.main-title { font-size: 45px; }
.slick-slider .slick-arrow { width: 100px; height: 100px; }
body { font-size: 18px; }

/* header */
.navbar { padding: 25px 0; }
.navbar .navbar-brand * { width: 100px; }
/* header */

/* home page */
.products-section .products-content { padding: 65px 0 25px; }
.lets-talk-section { padding: 65px 0 50px; }
.lets-talk-section .lets-talk-content > .row { margin: 0 -20px; }
.lets-talk-section .lets-talk-content > .row > * { padding: 0 20px; }
.lets-talk-section .lets-talk-block { margin-bottom: 50px; }
/* home page */

/* about page */
.about-section .about-content { padding: 50px 0; }
/* about page */

/* services page */
.services-accordion .accordion-item .accordion-button { font-size: 20px; }
/* services page */

/* work page */
.our-work-modeling-section .our-work-modeling-content { padding: 40px 0 65px; }
.our-work-modeling-carousel .slick-current + .slick-active + .slick-active,
.our-work-modeling-carousel .slick-active { width: 150px !important; }
.our-work-modeling-carousel .slick-active + .slick-active { width: 175px !important; }
.our-work-modeling-carousel .slick-current.slick-current { width: 325px !important; }
/* work page */

.work-slider .slick-slide{transform: scale(0.7) translate(80px, 0);}
.work-slider .slick-slide.slick-active{transform: scale(1);}
.work-slider .slick-slide.slick-current.slick-active.slick-center + .slick-slide{transform: scale(0.7) translate(-80px, 0);}
.work-slider .slick-slide.slick-current.slick-active.slick-center + .slick-slide + .slick-slide{transform: scale(1);}

.our-work-modeling-section .slider-box .detail p{font-size: 12px;line-height: 20px;}
.our-work-modeling-section .slider-box .detail .model-title{min-width: 90px;}
.modeling-slider .swiper-slide { transform: scale(0.6) translate(120px, 0) !important; -webkit-transform: scale(0.6) translate(120px, 0) !important; -moz-transform: scale(0.6) translate(120px, 0) !important; -ms-transform: scale(0.6) translate(120px, 0) !important; -o-transform: scale(0.6) translate(120px, 0) !important; }
.modeling-slider .swiper-slide-prev { transform: scale(0.8) translate(20px, 0) !important; -webkit-transform: scale(0.8) translate(20px, 0) !important; -moz-transform: scale(0.8) translate(20px, 0) !important; -ms-transform: scale(0.8) translate(20px, 0) !important; -o-transform: scale(0.8) translate(20px, 0) !important; }
.modeling-slider .swiper-slide.swiper-slide-active { transform: scale(1.0) !important; -webkit-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; -ms-transform: scale(1.0) !important; -o-transform: scale(1.0) !important; }
.modeling-slider .swiper-slide-next { transform: scale(0.8) translate(-20px, 0) !important; -webkit-transform: scale(0.8) translate(-20px, 0) !important; -moz-transform: scale(0.8) translate(-20px, 0) !important; -ms-transform: scale(0.8) translate(-20px, 0) !important; -o-transform: scale(0.8) translate(-20px, 0) !important; }
.modeling-slider .swiper-slide-next + .swiper-slide { transform: scale(0.6) translate(-120px, 0) !important; -webkit-transform: scale(0.6) translate(-120px, 0) !important; -moz-transform: scale(0.6) translate(-120px, 0) !important; -ms-transform: scale(0.6) translate(-120px, 0) !important; -o-transform: scale(0.6) translate(-120px, 0) !important; }
.modeling-slider .swiper-button-prev,
.modeling-slider .swiper-button-next{width: 50px !important;}
}

@media (min-width: 768px) and (max-width: 991px){
.main-title { font-size: 40px; }
.section-title { font-size: 30px; }
.slick-slider .slick-arrow { width: 100px; height: 100px; }
body { font-size: 18px; }

/* header */
.navbar { padding: 25px 0; }
.navbar .navbar-brand * { width: 100px; }
/* header */

/* home page */
.products-section .products-content { padding: 50px 0 10px; }
.lets-talk-section { padding: 50px 0 35px; }
.lets-talk-section .lets-talk-content > .row { margin: 0 -20px; }
.lets-talk-section .lets-talk-content > .row > * { padding: 0 20px; }
.lets-talk-section .lets-talk-left { margin-bottom: 35px; }
.lets-talk-section .lets-talk-block { margin-bottom: 35px; }
/* home page */

/* about page */
.about-section .about-content { padding: 50px 0; }
.about-block .about-image { max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 40px; height: calc(100% - 40px);}
.about-block .about-detail { max-width: 100%; }
/* about page */

/* services page */
.services-accordion .accordion-item .accordion-button { font-size: 18px; }
/* services page */

/* work page */
.our-work-modeling-section .our-work-modeling-content { padding: 35px 0 50px; }
.our-work-modeling-carousel .slick-current + .slick-active,
.our-work-modeling-carousel .slick-active { width: 200px !important; }
.our-work-modeling-carousel .slick-current.slick-current { width: 350px !important; }
/* work page */


.work-slider .slick-slide{transform: scale(0.7) translate(80px, 0);}
.work-slider .slick-slide.slick-active{transform: scale(1);}
.work-slider .slick-slide.slick-current.slick-active.slick-center + .slick-slide{transform: scale(0.7) translate(-80px, 0);}
.work-slider .slick-slide.slick-current.slick-active.slick-center + .slick-slide + .slick-slide{transform: scale(1);}

.our-work-modeling-section{padding: 40px 0 30px;}
.our-work-modeling-section .container{padding: 0}
.modeling-slider .swiper-button-prev,
.modeling-slider .swiper-button-next{width: 50px !important;}
.our-work-modeling-section .slider-box .detail p{font-size: 10px;line-height: 20px;}
.our-work-modeling-section .slider-box .detail .model-title{min-width: 70px;}
.modeling-slider .swiper-slide { transform: scale(0.6) translate(120px, 0) !important; -webkit-transform: scale(0.6) translate(120px, 0) !important; -moz-transform: scale(0.6) translate(120px, 0) !important; -ms-transform: scale(0.6) translate(120px, 0) !important; -o-transform: scale(0.6) translate(120px, 0) !important; }
.modeling-slider .swiper-slide-prev { transform: scale(0.8) translate(20px, 0) !important; -webkit-transform: scale(0.8) translate(20px, 0) !important; -moz-transform: scale(0.8) translate(20px, 0) !important; -ms-transform: scale(0.8) translate(20px, 0) !important; -o-transform: scale(0.8) translate(20px, 0) !important; }
.modeling-slider .swiper-slide.swiper-slide-active { transform: scale(1.0) !important; -webkit-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; -ms-transform: scale(1.0) !important; -o-transform: scale(1.0) !important; }
.modeling-slider .swiper-slide-next { transform: scale(0.8) translate(-20px, 0) !important; -webkit-transform: scale(0.8) translate(-20px, 0) !important; -moz-transform: scale(0.8) translate(-20px, 0) !important; -ms-transform: scale(0.8) translate(-20px, 0) !important; -o-transform: scale(0.8) translate(-20px, 0) !important; }
.modeling-slider .swiper-slide-next + .swiper-slide { transform: scale(0.6) translate(-120px, 0) !important; -webkit-transform: scale(0.6) translate(-120px, 0) !important; -moz-transform: scale(0.6) translate(-120px, 0) !important; -ms-transform: scale(0.6) translate(-120px, 0) !important; -o-transform: scale(0.6) translate(-120px, 0) !important; }
}

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

@media (max-width: 767px) {
.main-title { font-size: 34px; }
.section-title { font-size: 28px; }
.slick-slider .slick-arrow { width: 75px; height: 100px; }
body { font-size: 16px; }
.paragraph-small { font-size: 14px; }
.btn { font-size: 18px; }

/* header */
.navbar { padding: 22px 0; justify-content: center; }
.navbar .navbar-brand { margin: 0; }
.navbar .navbar-brand * { width: 72px; }


html.nav-menu-open .navbar { justify-content: flex-start; }
.navbar-nav .nav-item { margin: 0 !important; }
.navbar .navbar-collapse { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: fixed; left: -100%; bottom: 0; height: 100%; z-index: 999; max-width: 292px; width: 100%; overflow: auto; background: #ffffff; padding: 125px 15px 35px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.navbar .navbar-collapse.show { left: 0; }
.navbar .navbar-collapse:before { position: fixed; content: ""; left: -100%; top: 0; max-width: 292px; width: 100%; height: 138px; background: #ffffff; z-index: 9; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.navbar-toggler { display: none; }
.navbar-toggler.collapsed { display: block; }
.navbar .navbar-collapse.show:before { left: 0; }
.navbar .navbar-collapse .navbar-toggler { left: 240px; display: block; }
.navbar .navbar-nav { width: 100%; border-bottom: 1px solid #D9D9D9; padding-bottom: 15px; }
.navbar-nav .nav-item .nav-link { padding: 13px 32px !important; }
/* header */

/* home page */
.products-section .products-content { padding: 40px 0 15px; }
.products-section .products-list > .row { margin: 0 -15px; }
.products-section .products-list > .row > * { padding: 0 15px; }
.lets-talk-section { padding: 25px 0 50px; }
.lets-talk-section .lets-talk-left { margin-bottom: 25px; }
.lets-talk-section .lets-talk-content > .row { margin: 0 -15px; }
.lets-talk-section .lets-talk-content > .row > * { padding: 0 15px; }
.lets-talk-section .lets-talk-block { margin-bottom: 25px; }
/* home page */

/* about page */
.about-section .about-content { padding: 40px 0; }
.about-block { margin-bottom: 30px; }
.about-block .about-image { max-width: 100%; margin-bottom: 40px; height: calc(100% - 40px); }
.about-block .about-detail { max-width: 100%; }
/* about page */

/* services page */
.services-accordion .accordion-item .accordion-button { font-size: 16px; }
.services-accordion .accordion-item .accordion-body { font-size: 14px; }
/* services page */

/* work page */
.explore-work-section .explore-work-content { padding: 25px 0 40px; }

.our-work-modeling-section .our-work-modeling-content { padding: 40px 0 30px; }
.our-work-modeling-carousel .slick-current + .slick-active,
.our-work-modeling-carousel .slick-active { width: 130px !important; }
.our-work-modeling-carousel .slick-current.slick-current { width: 300px !important; }
.our-work-modeling-block .modeling-detail { font-size: 14px; }
/* work page */

/* footer */
.footer .f-content { padding: 24px 0; }
.footer .f-logo * { width: 92px; }
/* footer */

.work-slider .slider-box .detail p{font-size: 14px;}
.work-slider .slider-box .detail .model-title{min-width: 100px;}
.work-slider .slick-slide{transform: scale(1);}
.work-slider .slick-slide.slick-active{transform: scale(1);}
.work-slider .slick-slide.slick-current.slick-active.slick-center{transform: scale(1);}
.work-slider .slider-box{padding: 16px;background: #ffffff;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);}
.work-slider .slider-box .detail{display: block;}
.work-slider .slick-slide.slick-current.slick-active.slick-center + .slick-slide{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.work-slider .slick-slide.slick-current.slick-active.slick-center + .slick-slide + .slick-slide{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.our-work-modeling-section{padding: 40px 0 30px;}
.our-work-modeling-section .container{padding: 0}
.modeling-slider .swiper-button-prev,
.modeling-slider .swiper-button-next{width: 40px !important;}
.our-work-modeling-section .slider-box .detail p{font-size: 10px;line-height: 20px;}
.our-work-modeling-section .slider-box .detail .model-title{min-width: 70px;}
.modeling-slider .swiper-slide-prev { transform: scale(0.8) translate(20px, 0) !important; -webkit-transform: scale(0.8) translate(20px, 0) !important; -moz-transform: scale(0.8) translate(20px, 0) !important; -ms-transform: scale(0.8) translate(20px, 0) !important; -o-transform: scale(0.8) translate(20px, 0) !important; }
.modeling-slider .swiper-slide-next { transform: scale(0.8) translate(-20px, 0) !important; -webkit-transform: scale(0.8) translate(-20px, 0) !important; -moz-transform: scale(0.8) translate(-20px, 0) !important; -ms-transform: scale(0.8) translate(-20px, 0) !important; -o-transform: scale(0.8) translate(-20px, 0) !important; }

.lets-talk-section .lets-talk-block .talk-detail ul li a {
    word-break: break-all;
}
}


/*---------- 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){
.container-fluid,
.container { padding-left: 22px; padding-right: 22px; }

/* work page */
.explore-work-slider { margin: 0 -22px; overflow: hidden; }
.explore-work-carousel .slick-list { padding-right: 127px; padding-left: 22px; }

.our-work-modeling-slider { margin: 0 -22px; overflow: hidden; }
/* .our-work-modeling-carousel .slick-list { padding: 0 105px !important; margin: 0 -6px; } */
.our-work-modeling-carousel .slick-list {  margin: 0 -6px; }
.our-work-modeling-carousel .slick-slide { width: 162px !important; padding: 0 6px; }
.our-work-modeling-carousel .slick-slide.slick-current { width: 221px !important; }
/* .our-work-modeling-carousel .slick-slide.slick-current { width: calc(100% - 92.5%) !important; } */
.our-work-modeling-block .modeling-detail { font-size: 10px; }
.our-work-modeling-carousel .slick-current .our-work-modeling-block { padding: 8px; }
.our-work-modeling-block .modeling-detail .model-title { min-width: 65px; }
/* work page */
}

@media (max-width: 420px){
/* work page */
.our-work-modeling-carousel .slick-slide.slick-current { width: 250px !important; }
/* .our-work-modeling-carousel .slick-slide.slick-current { width: calc(100% - 94%) !important; } */
/* work page */
}

@media (max-width: 374px){
/* work page */
/* .our-work-modeling-carousel .slick-list { padding: 0 80px !important; }
.our-work-modeling-carousel .slick-slide.slick-current { width: calc(100% - 94.5%) !important; } */
/* work page */
}
/*---------- Large Desktop , Large Screen End ----------*/