/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1600px) and (max-width: 1699px){
/* services-detail page */
.banner-section .banner-description { bottom: 35px; }
/* services-detail page */
}

@media (min-width: 1500px) and (max-width: 1599px){
/* services-detail page */
.banner-section .banner-description { bottom: 35px; }
/* services-detail page */
}

@media (min-width: 1400px) and (max-width: 1499px){
/* services-detail page */
.banner-section .banner-description { bottom: 35px; }
/* services-detail page */
}

@media (min-width: 1400px) {
.container { max-width: 1280px; }
.request-quote-modal .modal-dialog { max-width: 1340px; }
}

@media (min-width: 1300px) and (max-width: 1399px){
.main-title { font-size: 60px; line-height: 75px; }
.small-main-title { font-size: 50px; line-height: 65px; }
.slick-slider .slick-arrow { font-size: 50px; line-height: 50px; }
h1 { font-size: 50px; line-height: 65px; }
h2 { font-size: 45px; line-height: 55px; }

/* header */
.h-request-quote-section { font-size: 18px; line-height: 25px; }
/* header */

/* home page */
.local-home-services-section .home-logo img { width: 375px; }
.local-home-services-section .local-home-services-description > .row { margin: 0 -20px; }
.local-home-services-section .local-home-services-description > .row > * { padding: 0 20px; }
.experience-block { margin-bottom: 70px; }
/* .latest-news-updates-section .latest-news-updates-description { padding: 50px; } */
/* home page */

/* services page */
.expert-services-section .common-main-detail { margin-bottom: 30px; }
.expert-services-section .expert-services-content .detail p { margin-bottom: 25px; }
/* services page */

/* services-detail page */
.banner-section .banner-description { bottom: 35px; }
/* services-detail page */
}

@media (min-width: 1200px) and (max-width: 1299px){
.main-title { font-size: 60px; line-height: 75px; }
.small-main-title { font-size: 50px; line-height: 65px; }
.slick-slider .slick-arrow { font-size: 50px; line-height: 50px; }
h1 { font-size: 50px; line-height: 65px; }
h2 { font-size: 45px; line-height: 55px; }

/* header */
.h-request-quote-section { font-size: 18px; line-height: 25px; }
/* header */

/* home page */
.local-home-services-section .home-logo img { width: 375px; }
.local-home-services-section .local-home-services-description > .row { margin: 0 -20px; }
.local-home-services-section .local-home-services-description > .row > * { padding: 0 20px; }
.experience-block { margin-bottom: 70px; }
.our-references-slider { padding: 0 50px; }
/* .latest-news-updates-section .latest-news-updates-description { padding: 50px; } */
/* home page */

/* services page */
.expert-services-section .common-main-detail { margin-bottom: 30px; }
.expert-services-section .expert-services-content .detail p { margin-bottom: 25px; }
/* services page */

/* services-detail page */
.banner-section .banner-description { bottom: 35px; }
/* services-detail page */
}

@media (min-width: 992px) and (max-width: 1199px){
.main-title { font-size: 50px; line-height: 65px; }
.small-main-title { font-size: 45px; line-height: 52px; }
.section-title { font-size: 35px; line-height: 42px; }
.block-title { font-size: 30px; line-height: 38px; }
.small-block-title { font-size: 25px; line-height: 33px; }
.extra-small-block-title { font-size: 22px; line-height: 30px; }
.common-star-rating-list ul li { font-size: 25px; line-height: 25px; }
.slick-slider .slick-arrow { font-size: 50px; line-height: 50px; }
.btn { font-size: 16px; line-height: 25px; padding: 10px 25px; }
h1 { font-size: 45px; line-height: 52px; }
h2 { font-size: 40px; line-height: 48px; }
h3 { font-size: 35px; line-height: 42px; }
h4 { font-size: 30px; line-height: 35px; }
h5 { font-size: 25px; line-height: 33px; margin-bottom: 15px; }
h6 { font-size: 22px; line-height: 28px; margin-bottom: 15px; }

/* header */
.h-request-quote-section { font-size: 16px; line-height: 22px; }
.header .h-logo { margin-left: 30px; }
.header .h-logo img { width: 215px; }
.header .h-contact-list .h-contact-block { padding-left: 65px; }
.header .h-contact-list .h-contact-block .icon { width: 50px; height: 50px; }
.header .h-contact-list .h-contact-block .icon img { width: 30px; }
/* header */

/* home page */
.local-home-services-section .home-logo img { width: 275px; }
.local-home-services-section .local-home-services-description > .row { margin: 0 -20px; }
.local-home-services-section .local-home-services-description > .row > * { padding: 0 20px; }
.local-home-services-section .home-services-buttons .btn { margin: 0 10px; }
.services-block { margin-bottom: 30px; }
.experience-block { margin-bottom: 50px; }
.trusted-home-services-section { padding: 25px 0; }
.our-references-slider { padding: 0 50px; }
/* .latest-news-updates-section .latest-news-updates-description { padding: 35px; } */
.latest-news-updates-section .latest-news-updates-description > .row { margin: 0 -20px; }
.latest-news-updates-section .latest-news-updates-description > .row > * { padding: 0 20px; }
.our-references-carousel .slick-dots li { margin: 0 7px 7px; }
/* home page */

/* services page */
.unlock-home-potential-section .common-main-detail { margin-bottom: 30px; }
.expert-services-section .common-main-detail { margin-bottom: 30px; }
.expert-services-section .expert-services-content .detail p { margin-bottom: 25px; }
/* services page */

/* services-detail page */
.banner-section .banner-description { bottom: 25px; }
.our-services-main-list > .row { margin: 0 -20px; }
.our-services-main-list > .row > * { padding: 0 20px; }
/* services-detail page */

/* contact page */
.stay-connected-dream-section > .row { margin: 0 -20px; }
.stay-connected-dream-section > .row > * { padding: 0 20px; }
.contact-carousel .contact-image { height: 475px; }
/* contact page */

/* about page */
.your-project-team-section { padding: 45px 0 25px; }
/* about page */

/* typography */
.typography-section { padding: 45px 0; }
.typography-section .typography-block { margin-bottom: 20px; }
.error-section { padding: 100px 0; }
/* typography */

/* footer */
.f-navigation ul li { margin: 0 15px 10px; }
.f-copyright ul li { margin: 0 15px 10px; }
/* footer */

/* modal */
.request-quote-modal .request-quote-love-block .request-quote-form { padding: 35px 25px; }
.request-quote-modal .request-quote-love-block .request-quote-image { margin: -30px 0 0; }
/* modal */
}

@media (min-width: 768px) and (max-width: 991px){
.main-title { font-size: 42px; line-height: 55px; }
.small-main-title { font-size: 38px; line-height: 45px; }
.section-title { font-size: 35px; line-height: 42px; }
.block-title { font-size: 30px; line-height: 38px; }
.small-block-title { font-size: 25px; line-height: 35px; }
.extra-small-block-title { font-size: 22px; line-height: 28px; }
.common-star-rating-list ul li { font-size: 25px; line-height: 25px; }
.slick-slider .slick-dots li { width: 18px; height: 18px; }
.slick-slider .slick-arrow { font-size: 50px; line-height: 50px; }
.btn { font-size: 16px; line-height: 25px; padding: 10px 25px; }
.paragraph-large { font-size: 18px; line-height: 25px; }
.common-form .form-select, .common-form .form-control { font-size: 18px; line-height: 25px; }
.common-form textarea.form-control { height: 175px; }
h1 { font-size: 42px; line-height: 55px; }
h2 { font-size: 38px; line-height: 45px; }
h3 { font-size: 35px; line-height: 42px; }
h4 { font-size: 30px; line-height: 35px; }
h5 { font-size: 25px; line-height: 33px; margin-bottom: 15px; }
h6 { font-size: 22px; line-height: 28px; margin-bottom: 15px; }

/* header */
.h-request-quote-section { font-size: 16px; line-height: 22px; }
.header .h-logo { margin-left: 20px; }
.header .h-logo img { width: 215px; }
.header .h-contact-list .h-contact-block { padding-left: 0; }
.header .h-contact-list .h-contact-block .icon { width: 50px; height: 50px; margin: 0; position: relative; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.header .h-contact-list .h-contact-block .icon img { width: 30px; }
.header .h-contact-list .h-contact-block .detail { display: none; }
/* header */

/* home page */
.local-home-services-section .local-home-services-content { margin: 35px 0 0; }
.local-home-services-block img { height: 400px; }
.local-home-services-section .home-logo img { width: 275px; }
.local-home-services-section .local-home-services-description > .row { margin: 0 -20px; }
.local-home-services-section .local-home-services-description > .row > * { padding: 0 20px; }
.local-home-services-section .home-services-buttons .btn { margin: 0 10px; }
.services-block { margin-bottom: 30px; }
.excellence-experience-section .excellence-experience-block { display: flex; flex-wrap: wrap; }
.excellence-experience-section .excellence-experience-block > * { flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; }
.excellence-experience-section .excellence-experience-block .excellence-experience-image { flex: 0 0 100%; max-width: 100%; margin: 0 0 35px; }
.experience-block { margin-bottom: 35px; }
.trusted-home-services-section { padding: 25px 0; }
.our-references-section .our-references-main-detail { margin-bottom: 35px; }
.our-references-slider { padding: 0 35px; }
.our-references-carousel .slick-dots li { margin: 0 7px 7px; }
.our-references-carousel .our-references-block { padding: 20px; }
/* .latest-news-updates-section .latest-news-updates-description { padding: 35px 25px; } */
.latest-news-updates-section .latest-news-updates-description { padding: 30px 20px; }
.latest-news-updates-section .latest-news-updates-description .latest-news-updates-detail { padding-bottom: 20px; }
.latest-news-updates-section .latest-news-updates-description > .row { margin: 0 -20px; }
.latest-news-updates-section .latest-news-updates-description > .row > * { padding: 0 20px; }
.find-us-online-section .block-title { margin-bottom: 5px; }
/* home page */

/* services page */
.unlock-home-potential-section .common-main-detail { margin-bottom: 30px; }
.expert-services-section .common-main-detail { margin-bottom: 30px; }
.expert-services-section .expert-services-content .detail p { margin-bottom: 25px; }
/* services page */

/* services-detail page */
.banner-section .banner-main-image img { height: 675px; }
.banner-section .banner-description { bottom: 25px; }
.our-services-main-list > .row { margin: 0 -20px; }
.our-services-main-list > .row > * { padding: 0 20px; }
/* services-detail page */

/* contact page */
.stay-connected-dream-section > .row { margin: 0 -20px; }
.stay-connected-dream-section > .row > * { padding: 0 20px; }
.stay-connected-dream-section > .row > *:before { display: none; }
.stay-connected-dream-section .stay-connected-dream-detail { margin-bottom: 35px; }
.contact-carousel .contact-image { height: 375px; }
/* contact page */

/* about page */
.your-project-team-section { padding: 45px 0 25px; }
/* about page */

/* typography */
.typography-section { padding: 45px 0; }
.typography-section .typography-block { margin-bottom: 20px; }
.error-section { padding: 75px 0; }
/* typography */

/* footer */
.f-navigation ul li { margin: 0 10px 10px; font-size: 18px; line-height: 25px; }
.f-copyright ul li { margin: 0 15px 10px; }
/* footer */

/* modal */
.request-quote-modal .request-quote-love-block .request-quote-form { padding: 35px 25px; }
.request-quote-modal .request-quote-love-block .request-quote-image { margin: -30px 0 0; }
.request-quote-modal .request-quote-love-block .request-quote-image img { object-position: center top; }
/* modal */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
.main-title { font-size: 35px; line-height: 42px; }
.small-main-title { font-size: 33px; line-height: 40px; }
.section-title { font-size: 30px; line-height: 38px; }
.block-title { font-size: 28px; line-height: 35px; }
.small-block-title { font-size: 22px; line-height: 30px; }
.extra-small-block-title { font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.common-star-rating-list ul li { font-size: 20px; line-height: 20px; }
.slick-slider .slick-arrow { font-size: 30px; line-height: 30px; }
.slick-slider .slick-dots li { width: 14px; height: 14px; }
.slick-slider .slick-dots li.slick-active { width: 28px; }
.paragraph-large { font-size: 18px; line-height: 25px; }
.btn { font-size: 16px; line-height: 22px; padding: 10px 20px; }
.common-form .form-select, .common-form .form-control { font-size: 16px; line-height: 22px; }
.common-form textarea.form-control { height: 150px; }
h1 { font-size: 35px; line-height: 42px; }
h2 { font-size: 33px; line-height: 40px; }
h3 { font-size: 30px; line-height: 38px; }
h4 { font-size: 28px; line-height: 35px; }
h5 { font-size: 22px; line-height: 30px; margin-bottom: 15px; }
h6 { font-size: 20px; line-height: 25px; margin-bottom: 15px; }
blockquote { font-size: 115%; line-height: 150%; }

/* header */
.h-request-quote-section { font-size: 14px; line-height: 20px; }
.header .h-logo { margin-left: 0; }
.header .h-logo img { width: 175px; }
.header .h-top .h-content { padding-right: 50px; }
.header .h-contact-list .h-contact-block { padding-left: 0; }
.header .h-contact-list .h-contact-block .icon { width: 45px; height: 45px; margin: 0; position: relative; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.header .h-contact-list .h-contact-block .icon img { width: 25px; }
.header .h-contact-list .h-contact-block .detail { display: none; }
.header .h-start-project { justify-content: flex-start; }
.header .h-bottom { top: -60px; position: relative; }

html.nav-menu-open .header .h-top { background: #282828; }
html.nav-menu-open .header .h-logo img.default-img { display: none; }
html.nav-menu-open .header .h-logo img.active-img { display: block; }

.navbar { padding: 0; justify-content: flex-end; background: transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.navbar-nav .nav-item { margin: 0 !important; padding: 0; border-bottom: 1px solid #000000; }
.navbar .navbar-collapse { display: block; position: fixed; right: -100%; bottom: 0; height: calc(100% - 157px); z-index: 999; width: 100%; overflow: auto; background: #ffffff; padding: 35px 15px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.navbar .navbar-collapse.show { right:  0; }
.navbar-nav .nav-item .nav-link { display: flex; align-items: center; padding: 15px !important; color: #000000; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.header .h-start-project { margin: 15px 0 0; }
/* header */

/* home page */
/* .local-home-services-section { padding: 30px 0 15px; } */
.local-home-services-section { padding: 10px 0 15px; }
.local-home-services-block img { height: 350px; }
.local-home-services-section .local-home-services-content { margin: 35px 0 0; }
.local-home-services-section .home-logo img { width: 225px; }
.local-home-services-section .local-home-services-description > .row { margin: 0 -15px; }
.local-home-services-section .local-home-services-description > .row > * { padding: 0 15px; }
.local-home-services-section .home-services-buttons .btn { margin: 0 0 10px; width: 100%; }
.local-home-services-section .home-services-buttons .btn:last-child { margin: 0; }
.services-block { margin-bottom: 30px; }
.excellence-experience-section { padding-top: 35px; }
.excellence-experience-section .excellence-experience-block .excellence-experience-image { margin: 0 0 35px; }
.experience-block { margin-bottom: 35px; }
.experience-block .icon { width: 50px; height: 50px; margin-bottom: 15px; }
.trusted-home-services-section { padding: 25px 0; }
.our-references-section .our-references-main-detail { margin-bottom: 25px; }
.our-references-slider { padding: 0 25px; }
.our-references-carousel .slick-dots li { width: 13px !important; height: 13px !important; margin: 0 5px 5px; }
.our-references-carousel .slick-arrow.slick-prev { margin-right: 10px; }
.our-references-carousel .slick-arrow.slick-next { margin-left: 10px; }
.our-references-carousel .our-references-block { padding: 30px 15px; }
.latest-news-updates-section:before { height: calc(100% - 50px); }
.latest-news-updates-section .latest-news-updates-description { padding: 20px 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.latest-news-updates-section .latest-news-updates-description .latest-news-updates-detail { padding-bottom: 20px; }
.latest-news-updates-section .latest-news-updates-description > .row { margin: 0 -15px; }
.latest-news-updates-section .latest-news-updates-description > .row > * { padding: 0 15px; }
.latest-news-updates-section .block-title { font-size: 25px; line-height: 33px; }
.find-us-online-section .block-title { margin-bottom: 5px; }
.find-us-online-carousel .slick-list { margin: 0 -15px; }
.find-us-online-carousel .slick-slide { padding: 0 15px; }
/* home page */

/* services page */
.unlock-home-potential-section { padding: 35px 0 15px; }
.unlock-home-potential-section .common-main-detail { margin-bottom: 30px; }
.expert-services-section { padding: 15px 0 35px; }
.expert-services-section .common-main-detail { margin-bottom: 20px; }
.expert-services-section .expert-services-content .detail p { margin-bottom: 15px; }
/* services page */

/* services-detail page */
.banner-section .banner-main-image img { height: 500px; }
.banner-section .banner-description { bottom: 25px; }
.our-services-main-detail-section { padding: 35px 0; }
.our-services-main-detail-section .common-main-detail { margin-bottom: 25px; }
.our-services-main-list > .row { margin: 0 -15px; }
.our-services-main-list > .row > * { padding: 0 15px; }
.our-services-main-list .our-services-image { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
/* services-detail page */

/* contact page */
.get-in-touch-section { padding: 35px 0 15px; }
.stay-connected-dream-section > .row { margin: 0 -15px; }
.stay-connected-dream-section > .row > * { padding: 0 15px; }
.stay-connected-dream-section > .row > *:before { display: none; }
.get-in-touch-section .common-main-detail { margin-bottom: 20px; }
.stay-connected-dream-section .stay-connected-dream-detail { margin-bottom: 35px; }
.contact-carousel .contact-image { height: 375px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
/* contact page */

/* about page */
.your-project-team-section { padding: 35px 0 15px; }
.your-project-team-section .project-team-image { margin: 25px 0; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
/* about page */

/* typography */
.typography-section { padding: 25px 0; }
.typography-section .typography-block { margin-bottom: 20px; }
.error-section { padding: 50px 0; }
/* typography */

/* footer */
.footer { padding: 20px 0; }
.footer .f-content { padding: 15px 0; }
.f-navigation ul li { margin: 0 10px 10px; font-size: 18px; line-height: 25px; }
.f-copyright ul li { margin: 0 15px 10px; line-height: 22px; }
/* footer */

/* modal */
.request-quote-modal .modal-content { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.request-quote-modal .request-quote-love-block .request-quote-form { padding: 35px 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.request-quote-modal .request-quote-love-block .request-quote-image { margin: -30px 0 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.request-quote-modal .request-quote-love-block .request-quote-image img { object-position: center top; }
/* modal */
}

/*---------- 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){
h1 { font-size: 33px; line-height: 40px; }
h2 { font-size: 30px; line-height: 38px; }
h3 { font-size: 28px; line-height: 35px; }
h4 { font-size: 25px; line-height: 33px; }
h5 { font-size: 22px; line-height: 30px; }

/* header */
.h-request-quote-section .detail { max-width: 275px; width: 100%; margin: 0 auto; }
.header .h-top .h-content { margin: 0 -5px; }
.header .h-top .h-content > * { padding: 0 5px; }
.header .h-logo img { width: 100px; }
.header .h-contact-list .h-contact-block { margin-right: 5px; }
.header .h-contact-list .h-contact-block .icon { width: 30px; height: 30px; margin: 0; position: relative; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.header .h-contact-list .h-contact-block .icon img { width: 15px; }
.header .h-bottom { top: -45px; }
.navbar .navbar-collapse { height: calc(100% - 145px); }
/* header */

/* home page */
.local-home-services-block img { height: 275px; }
.latest-news-updates-form form { display: block; }
.latest-news-updates-form form > * { flex: 0 0 100% !important; max-width: 100% !important; }
.latest-news-updates-form .form-submit { margin: 20px 0 0; }
.latest-news-updates-section .latest-news-updates-description img { height: 50px; object-fit: cover; font-family: 'object-fit: cover'; }
/* home page */

/* contact page */
.contact-carousel .contact-image { height: 300px; }
/* contact page */

/* footer */
.f-navigation ul { flex-direction: column; }
.f-navigation ul li { margin: 0 0 10px; }
.f-copyright ul { flex-direction: column; }
.f-copyright ul li { margin: 0 0 10px; }
/* footer */
}

@media (min-width: 374px){
.alignone,
.alignleft,
.aligncenter,
.align-right { float: none !important; display: block !important; margin: 20px auto !important; width: 100%; }
}
/*---------- Large Desktop , Large Screen End ----------*/