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

@media (min-width: 1600px) and (max-width: 1699px){
}

@media (min-width: 1500px) and (max-width: 1599px){
/* header */
.navbar-nav .nav-item .nav-link { font-size: 15px; }
/* header */
}

@media (min-width: 1400px) and (max-width: 1499px){
/* header */
.navbar-nav .nav-item .nav-link { font-size: 14px; line-height: 18px; }
/* header */
}

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

@media (min-width: 1300px) and (max-width: 1399px){
body { font-size: 18px; line-height: 25px; }
p { margin-bottom: 25px; }
.content { min-height: calc(100vh - 224px); }

/* header */
.h-logo img { width: 425px; }
.h-logo a { letter-spacing: 0.05em; }
.navbar-nav .nav-item .nav-link { font-size: 13px; line-height: 16px; }
/* header */

/* home page */
.our-values-list .values-block .icon { height: 40px; }
.our-values-list .values-block .detail { font-size: 13px; line-height: 18px; }
/* home page */
}

@media (min-width: 1200px) and (max-width: 1299px){
body { font-size: 18px; line-height: 25px; }
p { margin-bottom: 25px; }
.content { min-height: calc(100vh - 224px); }

/* header */
.h-logo img { width: 425px; }
.h-logo a { letter-spacing: 0.05em; }
.navbar-nav .nav-item .nav-link { font-size: 12px; line-height: 16px; }
/* header */

/* home page */
.our-values-list .values-block .icon { height: 40px; }
.our-values-list .values-block .detail { font-size: 13px; line-height: 18px; }
/* home page */
}

@media (max-width: 1199px){
.content { min-height: calc(100vh - 177px); }

/* header */
.h-top { padding: 8px 0; }
.navbar { padding: 8px 15px 15px; justify-content: flex-end; }


.navbar-nav .nav-item { border: none; border-bottom: 1px solid #000000; }
.navbar .navbar-collapse { display: block; position: fixed; right: -100%; bottom: 0; height: calc(100% - 144px); z-index: 999; width: 100%; overflow: auto; background: #e4f2fe; 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; background: transparent; padding: 15px !important; border: none; }
/* header */
}

@media (min-width: 992px) and (max-width: 1199px){
.section-title { font-size: 25px; line-height: 30px; }
body { font-size: 18px; line-height: 25px; }
p { margin-bottom: 20px; }

/* header */
.h-logo img { width: 350px; }
.h-logo a { font-size: 18px; line-height: 22px; letter-spacing: 0.05em; }
.h-top .h-contact-block ul li { font-size: 18px; line-height: 22px; }
/* header */

/* home page */
.quality-values-management-section { padding: 35px 0 50px; }
.our-values-list .values-block .icon { height: 40px; }
.our-values-list .values-block .detail { font-size: 14px; line-height: 18px; }
.quality-managemnet-block .quality-register-block .quality-detail { font-size: 18px; line-height: 25px; }
/* home page */

/* services page */
.services-main-list { margin-top: 35px; margin-bottom: 35px; }
.services-item-block { margin-bottom: 35px; }
/* services page */

/* key-projects page */
.key-projects-block .key-title { font-size: 18px; line-height: 25px; }
/* key-projects page */

/* sectors page */
.sectors-section .sectors-main-detail { margin-bottom: 35px; }
/* sectors page */

/* sectors-detail page */
/* .sectors-detail-section .sectors-detail-images-list > * { width: 50%; } */
/* sectors-detail page */

/* our-values page */
.our-qms-block { margin-bottom: 35px; }
.our-values-main-detail-block .main-detail { margin-bottom: 35px; }
.our-values-items-list .values-item-block { margin-bottom: 35px; }
/* our-values page */

/* work-with-us page */
.work-with-us-block { margin-bottom: 35px; }
/* work-with-us page */

/* contact page */
.contact-section .section-title { margin-bottom: 50px; }
.contact-section .contact-address-block .address-block { margin-bottom: 35px; }
/* contact page */
}

@media (min-width: 768px) and (max-width: 991px){
.main-title { font-size: 35px; line-height: 42px; }
.section-title { font-size: 25px; line-height: 30px; }
body { font-size: 18px; line-height: 25px; }
p { margin-bottom: 20px; }
.content { min-height: calc(100vh - 187px); }

/* header */
.h-logo img { width: 300px; }
.h-logo a { font-size: 16px; line-height: 20px; letter-spacing: 0.05em; }
.h-top .h-contact-block ul li { font-size: 0; line-height: 0; }
.h-top .h-contact-block ul li img,
.h-top .h-contact-block ul li svg { margin: 0; }
.navbar .navbar-collapse { height: calc(100% - 135px); }
/* header */

/* home page */
.quality-values-management-section { padding: 35px 0 50px; }
.our-values-list .values-block .icon { height: 40px; }
.our-values-list .values-block .detail { font-size: 14px; line-height: 18px; }
.quality-values-management-section .section-title { margin-bottom: 25px; }
.quality-managemnet-block .quality-register-block .quality-detail { font-size: 18px; line-height: 25px; }
.quality-managemnet-block { align-items: center; justify-content: flex-start; margin-top: 30px; margin-bottom: 15px; }
.quality-values-learnmore-button a { font-size: 18px; line-height: 22px; }
/* home page */

/* services page */
.services-main-list { margin-top: 35px; margin-bottom: 35px; }
.services-item-block { margin-bottom: 35px; }
/* services page */

/* sectors page */
.sectors-section .sectors-main-detail { margin-bottom: 35px; }
.sectors-list > * { width: 25%; }
.sectors-block .detail { font-size: 16px; line-height: 22px; }
/* sectors page */

/* sectors-detail page */
.sectors-detail-section .sectors-detail-images-list .sectors-image img { height: 175px; }
.sectors-detail-section .sectors-detail-main-description .see-sectors-button,
.sectors-detail-section .sectors-detail-main-description .see-key-products-button { width: 50%; margin-bottom: 25px; }
.sectors-detail-section .sectors-detail-main-description .see-sectors-button { order: 1; }
.sectors-detail-section .sectors-detail-main-description .see-key-products-button { order: 2; }
.sectors-detail-section .sectors-detail-main-description .sectors-detail-content { order: 3; flex: 0 0 100%; }
/* sectors-detail page */

/* key-projects page */
.key-projects-block .key-title { font-size: 18px; line-height: 25px; }
/* key-projects page */

/* financed-by page */
.project-financing-list > * { width: 20%; }
/* financed-by page */

/* our-values page */
.our-qms-block { margin-bottom: 35px; }
.our-values-main-detail-block .main-detail { margin-bottom: 35px; }
.our-values-items-list .values-item-block { margin-bottom: 35px; }
/* our-values page */

/* work-with-us page */
.work-with-us-block { margin-bottom: 35px; }
/* work-with-us page */

/* contact page */
.contact-section .section-title { margin-bottom: 50px; }
.contact-section .contact-address-block .address-block { margin-bottom: 35px; }
/* contact page */
}

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

@media (max-width: 767px) {
.main-title { font-size: 30px; line-height: 38px; }
.section-title { font-size: 25px; line-height: 30px; }
body { font-size: 15px; line-height: 22px; }
p { margin-bottom: 15px; }
.content { min-height: calc(100vh - 176px); }
.typography-section { padding-top: 35px; padding-bottom: 35px; }

/* header */
.h-logo img { width: 250px; }
.h-logo a { font-size: 12px; line-height: 16px; letter-spacing: 0.05em; }
.h-top .h-contact-block ul li { font-size: 0; line-height: 0; margin: 0 4px; }
.h-top .h-contact-block ul li img,
.h-top .h-contact-block ul li svg { margin: 0; }
.navbar .navbar-collapse { height: calc(100% - 125px); }
/* header */

/* home page */
.banner-section .banner-main-image img { height: 350px; }
.banner-section .main-title { max-width: 200px; }
.quality-values-management-section .section-title { margin-bottom: 25px; }
.quality-values-management-section { padding: 35px 0 50px; }
.our-values-list .values-block .icon { height: 40px; }
.our-values-list .values-block .detail { font-size: 14px; line-height: 18px; }
.quality-managemnet-block .quality-register-block .quality-detail { font-size: 18px; line-height: 25px; }
.quality-managemnet-block { align-items: center; justify-content: flex-start; margin-top: 30px; margin-bottom: 15px; }
.quality-values-learnmore-button a { font-size: 18px; line-height: 22px; }
/* home page */

/* services page */
.services-main-list { margin-top: 25px; margin-bottom: 25px; }
.services-item-block { margin-bottom: 25px; }
/* services page */

/* sectors page */
.sectors-section .sectors-main-detail { margin-bottom: 35px; }
.sectors-list > * { width: 33.33%; }
.sectors-block .detail { font-size: 16px; line-height: 22px; }
/* sectors page */

/* sectors-detail page */
/* .sectors-detail-section .sectors-detail-images-list > * { width: 50%; } */
.sectors-detail-section .sectors-detail-images-list .sectors-image img { height: 175px; }
.sectors-detail-section .sectors-detail-main-description .see-sectors-button,
.sectors-detail-section .sectors-detail-main-description .see-key-products-button { width: 50%; margin-bottom: 25px; }
.sectors-detail-section .sectors-detail-main-description .see-sectors-button { order: 1; }
.sectors-detail-section .sectors-detail-main-description .see-key-products-button { order: 2; }
.sectors-detail-section .sectors-detail-main-description .sectors-detail-content { order: 3; flex: 0 0 100%; }
.sectors-detail-section .sectors-detail-main-description .sectors-detail-content .sectors-item-block { margin-bottom: 25px; }
/* sectors-detail page */

/* key-projects page */
.key-projects-block { margin-bottom: 25px; }
.key-projects-block .key-title { font-size: 15px; line-height: 22px; }
/* key-projects page */

/* financed-by page */
.project-financing-list > * { width: 25%; }
.un-development-goals-section .un-development-goals-image { margin-top: 25px; }
/* financed-by page */

/* where-we-work page */
.where-work-item-block { margin-bottom: 25px; }
/* where-we-work page */

/* our-values page */
.our-qms-block { margin-bottom: 25px; }
.our-qms-block .our-qms-image { text-align: center; margin: 20px 0; }
.our-values-main-detail-block .main-detail { margin-bottom: 25px; }
.our-values-items-list .values-item-block { margin-bottom: 25px; }
.our-values-items-list .values-item-block .values-title { font-size: 18px; line-height: 25px; margin-bottom: 15px; }
/* our-values page */

/* work-with-us page */
.work-with-us-block { margin-bottom: 25px; }
/* work-with-us page */

/* contact page */
.contact-section .section-title { margin-bottom: 35px; }
.contact-section .contact-address-block .address-block { padding-left: 35px; margin-bottom: 25px; }
/* contact page */
}

/*---------- 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){
.section-title { font-size: 22px; line-height: 28px; }
.alignnone,
.alignleft,
.alignright,
.aligncenter { float: left !important; width: 100% !important; margin: 20px 0 !important; }
.alignnone *,
.alignleft *,
.alignright *,
.aligncenter * { float: left !important; width: 100% !important; }
blockquote * { font-size: 125%; line-height: 150%; }
.content { min-height: calc(100vh - 220px); }

/* header */
.h-logo img { width: 175px; }
.h-logo a { font-size: 10px; line-height: 12px; letter-spacing: 0; }
.navbar .navbar-collapse { height: calc(100% - 111px); }
/* header */

/* home page */
.banner-section .banner-main-image img { height: 300px; }
.our-values-list .values-block .detail { font-size: 12px; line-height: 16px; }
.quality-values-management-section .section-title { margin-bottom: 20px; }
.quality-managemnet-block .quality-register-block .quality-detail { font-size: 16px; line-height: 22px; }
.quality-managemnet-block .quality-register-block .quality-detail { flex: 0 0 135px; max-width: 135px; }
.quality-managemnet-block .quality-register-block .quality-image { flex: 0 0 175px; max-width: 175px; }
.quality-values-learnmore-button a { font-size: 16px; line-height: 22px; }
/* home page */

/* sectors page */
.sectors-list > * { width: 50%; }
.sectors-block { margin-bottom: 25px; }
/* sectors page */

/* sectors-detail page */
.sectors-detail-section .sectors-detail-main-description .see-sectors-button,
.sectors-detail-section .sectors-detail-main-description .see-key-products-button { width: 100%; margin-bottom: 15px; }
.sectors-detail-section .sectors-detail-images-list .sectors-image img { height: 150px; }
/* sectors-detail page */

/* financed-by page */
.project-financing-list > * { width: 50%; }
/* financed-by page */

/* footer */
.footer ul { flex-direction: column; }
.footer ul li { padding: 0; border: none; font-size: 12px; line-height: 14px; }
/* footer */
}
/*---------- Large Desktop , Large Screen End ----------*/